/* ================================================================
   DESIGN TOKENS — CelebZero
   ================================================================ */
:root {
  /* Palette */
  --black:      #0a0a0a;
  --off-black:  #111111;
  --charcoal:   #1c1c1c;
  --dark-gray:  #2a2a2a;
  --mid-gray:   #555555;
  --gray:       #888888;
  --light-gray: #b8b8b8;
  --silver:     #d4d4d4;
  --off-white:  #f0f0f0;
  --white:      #fafafa;
  --pure-white: #ffffff;
  --accent:     #e8e8e8;

  /* Borders */
  --border:       1px solid rgba(255,255,255,0.1);
  --border-light: 1px solid rgba(0,0,0,0.1);

  /* Shadows */
  --shadow: 0 4px 32px rgba(0,0,0,0.4);

  /* Fonts */
  --ff-display: 'Playfair Display', serif;
  --ff-body:    'Archivo Narrow', sans-serif;
  --ff-ui:      'Archivo Narrow', sans-serif;

  /* Spacing */
  --page-gutter: 40px;
  --nav-height:  68px;

  /* Motion */
  --speed-fast: 0.2s;
  --speed-med:  0.3s;
  --speed-slow: 0.5s;
}

@media (max-width: 768px) {
  :root { --page-gutter: 24px; }
}