/* ============================================================
   CODEGENESIS – design tokens (single source of truth)
   ============================================================ */
:root {
  /* --- palette: deep space + amber/cyan/violet energy --- */
  --bg-0: #05060A;   /* living black */
  --bg-1: #0B0C10;
  --bg-2: #121526;
  --bg-3: #1A1F35;   /* storm indigo */

  --amber:  #FFB800;
  --amber-2:#FF8C00;
  --cyan:   #00F0FF;
  --violet: #7B61FF;

  --text:   #E8E8EC;
  --muted:  #B0C4DE;
  --faint:  #6B7A99;

  /* accent resolver (capsules set --accent per case) */
  --accent: var(--cyan);

  /* --- type --- */
  --font-display: "Space Grotesk", "Manrope", system-ui, sans-serif;
  --font-body:    "Manrope", "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* --- rhythm --- */
  --step--1: clamp(0.78rem, 0.72rem + 0.3vw, 0.9rem);
  --step-0:  clamp(0.95rem, 0.88rem + 0.4vw, 1.1rem);
  --step-1:  clamp(1.2rem, 1.0rem + 1vw, 1.6rem);
  --step-2:  clamp(1.7rem, 1.3rem + 2vw, 2.6rem);
  --step-3:  clamp(2.4rem, 1.6rem + 4vw, 4.4rem);
  --step-4:  clamp(3.2rem, 2rem + 6vw, 6.8rem);

  /* --- motion --- */
  --ease-cine: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.7, 0, 0.84, 0);

  /* --- depth / layers --- */
  --z-scene: 0;
  --z-capsules: 10;
  --z-hero: 20;
  --z-final: 25;
  --z-ui: 40;
  --z-preloader: 100;

  --perspective: 1200px;
  --tunnel: 6000; /* world Z length – must match scene.js camera 0→6000 */
}

/* accent → concrete color map used by capsules & pills */
[data-accent="amber"]  { --accent: var(--amber);  }
[data-accent="cyan"]   { --accent: var(--cyan);   }
[data-accent="violet"] { --accent: var(--violet); }
[data-accent="white"]  { --accent: #D7DEEA;       }
[data-accent="cobalt"] { --accent: #3B5BFF;       }