/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5
 * Hallmark · macrostructure: Marquee Hero · genre: atmospheric · theme: Midnight
 * axes: dark / geometric-sans / warm-amber  (Studio was light / italic-serif / green — differs on all three)
 * tone: technical-atmospheric · anchor hue: amber (72°)
 * nav: N5 Floating pill · footer: Ft5 Statement
 * enrichment: hand-built WebGL neural-constellation canvas (Tier B) + 3D tilt cards — user-mandated 3D
 * studied: no
 */

:root {
  /* ── Paper (dark canvas) ─────────────────────────────────────── */
  --color-paper:    oklch(16% 0.018 265);   /* near-black indigo ground        */
  --color-paper-2:  oklch(20% 0.02 265);    /* elevated card                   */
  --color-paper-3:  oklch(24% 0.022 265);   /* hover / raised card             */
  --color-line:     oklch(32% 0.02 265);    /* card borders                    */
  --color-line-2:   oklch(42% 0.02 265);    /* stronger rules                  */

  /* ── Ink ─────────────────────────────────────────────────────── */
  --color-ink:      oklch(94% 0.008 80);    /* headings — warm near-white      */
  --color-ink-2:    oklch(84% 0.01 80);     /* body                            */
  --color-muted:    oklch(66% 0.014 80);    /* secondary                       */
  --color-faint:    oklch(52% 0.015 80);    /* metadata, captions              */

  /* ── Accent — single warm amber ──────────────────────────────── */
  --color-accent:     oklch(78% 0.155 72);  /* amber                           */
  --color-accent-2:   oklch(66% 0.16 55);   /* deeper ember, secondary only    */
  --color-accent-ink: oklch(18% 0.03 72);   /* text on accent fill             */
  --color-accent-dim: oklch(78% 0.155 72 / 0.14);
  --color-focus:      oklch(80% 0.14 72);

  /* ── Status ──────────────────────────────────────────────────── */
  --color-live:     oklch(75% 0.14 155);    /* "in production" green           */

  /* ── Type ────────────────────────────────────────────────────── */
  --font-display: "Space Grotesk", "Geist", -apple-system, system-ui, sans-serif;
  --font-body:    "Geist", -apple-system, system-ui, "Segoe UI", sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "Cascadia Code", monospace;

  --text-display: clamp(2.6rem, 6vw + 1rem, 5.6rem);
  --text-display-s: clamp(2rem, 3.4vw + 0.8rem, 3.2rem);
  --text-3xl:  clamp(1.5rem, 1.6vw + 0.9rem, 2rem);
  --text-2xl:  1.42rem;
  --text-xl:   1.18rem;
  --text-lg:   1.06rem;
  --text-md:   0.96rem;
  --text-sm:   0.86rem;
  --text-xs:   0.76rem;

  /* ── Space (4pt) ─────────────────────────────────────────────── */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  20px;
  --space-lg:  32px;
  --space-xl:  52px;
  --space-2xl: 84px;
  --space-3xl: 136px;

  /* ── Motion ──────────────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   140ms;
  --dur-med:    280ms;
  --dur-slow:   640ms;

  /* ── Shape ───────────────────────────────────────────────────── */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  22px;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-line);
}