/* ============================================================
   ONE MAN BAND INDIA — design tokens
   "Dark Stage" system: backstage ink, spotlight gold,
   one electric violet, cue-sheet mono labels.
   ============================================================ */

:root {
  /* ---- Stage palette ---- */
  --ink-0: #08080d;      /* the void — page background */
  --ink-1: #0e0e16;      /* stage floor — section panels */
  --ink-2: #16161f;      /* risers — cards */
  --ink-3: #21212e;      /* borders, hairlines */
  --ink-4: #34344a;      /* muted strokes */

  --paper-0: #f9f6ee;    /* warm white — primary text */
  --paper-1: #ded9cc;    /* dimmed text — lifted for readability */
  --paper-2: #b3aea1;    /* fine print — lifted for readability */

  --gold-0: #f2b23e;     /* spotlight gold — primary accent */
  --gold-1: #ffd27a;     /* gold highlight */
  --gold-dim: #8a6420;   /* gold embers */

  --violet-0: #8b5cf6;   /* electric violet — secondary accent */
  --violet-1: #b79cff;
  --red-0: #e5484d;      /* the diagnosis red — used sparingly */

  --beam: rgba(242, 178, 62, 0.08);      /* light-beam wash */
  --beam-violet: rgba(139, 92, 246, 0.10);

  /* ---- Type ---- */
  --ff-display: "Anton", "Arial Narrow", sans-serif;         /* chapter titles, huge numbers */
  --ff-body: "Space Grotesk", "Helvetica Neue", sans-serif;  /* running text */
  --ff-cue: "Space Mono", "Courier New", monospace;          /* cue-sheet labels, stats, code */

  --fs-hero: clamp(64px, 13vw, 190px);
  --fs-chapter: clamp(44px, 8vw, 120px);
  --fs-title: clamp(30px, 4.4vw, 56px);
  --fs-sub: clamp(20px, 2.6vw, 28px);
  --fs-body: clamp(17px, 1.3vw, 19.5px);
  --fs-small: 15px;
  --fs-cue: 12.5px;

  /* ---- Rhythm ---- */
  --gutter: clamp(18px, 4vw, 48px);
  --wrap: 1240px;
  --wrap-tight: 880px;
  --sec-pad: clamp(72px, 12vh, 140px);

  /* ---- Voice ---- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 22px;

  --shadow-stage: 0 24px 80px rgba(0, 0, 0, 0.55);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-show: cubic-bezier(0.7, 0, 0.2, 1);

  --nav-h: 64px;
}

@media (max-width: 600px) {
  :root { --nav-h: 56px; }
}