/* tokens.css — Project Aurora design system */
:root {
  /* ── Color ─────────────────────────────── */
  --c-void:       #080808;    /* deepest black */
  --c-night:      #0e0e0e;    /* section blacks */
  --c-charcoal:   #1a1a1a;    /* card backgrounds */
  --c-graphite:   #2a2a2a;    /* subtle borders */
  --c-smoke:      #4a4a4a;    /* muted text */
  --c-silver:     #8B8F96;    /* secondary text */
  --c-mist:       #b8bcc4;    /* light secondary */
  --c-parchment:  #F5F0E8;    /* warm ivory */
  --c-white:      #ffffff;

  --c-amber:      #C9984A;    /* primary accent — rich warm gold */
  --c-amber-dim:  #9A6E35;    /* deep burnished amber */
  --c-amber-light:#E8C07A;    /* warm champagne gold */
  --c-crimson:    #7A1E2E;    /* deep red, rare accent */

  /* ── Typography ─────────────────────────── */
  --f-display:    'Cormorant Garant', Georgia, serif;
  --f-body:       'DM Sans', system-ui, sans-serif;
  --f-mono:       'Space Mono', 'Courier New', monospace;

  /* ── Type Scale ──────────────────────────── */
  --t-2xs:  0.625rem;   /* 10px */
  --t-xs:   0.75rem;    /* 12px */
  --t-sm:   0.875rem;   /* 14px */
  --t-base: 1rem;       /* 16px */
  --t-md:   1.125rem;   /* 18px */
  --t-lg:   1.375rem;   /* 22px */
  --t-xl:   1.75rem;    /* 28px */
  --t-2xl:  2.25rem;    /* 36px */
  --t-3xl:  3rem;       /* 48px */
  --t-4xl:  4rem;       /* 64px */
  --t-5xl:  5.5rem;     /* 88px */
  --t-6xl:  7.5rem;     /* 120px */
  --t-7xl:  10rem;      /* 160px */

  /* ── Spacing ─────────────────────────────── */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-6:  1.5rem;
  --s-8:  2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;
  --s-32: 8rem;
  --s-40: 10rem;
  --s-48: 12rem;

  /* ── Motion ──────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-inout:  cubic-bezier(0.87, 0, 0.13, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --dur-fast:    180ms;
  --dur-base:    360ms;
  --dur-slow:    700ms;
  --dur-cinematic: 1200ms;

  /* ── Layout ──────────────────────────────── */
  --gutter:     clamp(1.5rem, 5vw, 5rem);
  --col-max:    1440px;
  --chapter-pad: clamp(3.5rem, 8vh, 7rem);

  /* ── Z-index ─────────────────────────────── */
  --z-base:    0;
  --z-card:    10;
  --z-sticky:  100;
  --z-nav:     200;
  --z-overlay: 300;
  --z-cursor:  900;
  --z-grain:   1000;
}