/* ============================================================
   AUDREY — Design tokens · "Slate & Corail / Heure dorée"
   Aurora narrative: aube froide (slate-blue) → heure dorée (corail)
   ============================================================ */
:root {
  /* ---- Base / surfaces (warm porcelain, never pure white) ---- */
  --bg: #FAF7F3;            /* warm brume — base canvas, so the aurora vibrates */
  --bg-tint: #F4ECE3;       /* faint peach wash for section banding */
  --bg-milk: #F7F1EA;       /* milkier panel for the trust section */
  --ink: #161A20;           /* PRIMARY TEXT on light · ~15:1 — warm slate-black */
  --ink-soft: #4A5560;      /* secondary text / captions · ~7:1 (AA) */
  --ink-muted: #5A6370;     /* timestamps, fine print · ~5.0:1 (AA) */

  /* ---- Brand (Slate & Corail) ---- */
  --coral: #F97316;         /* IDENTITY ONLY — large graphic, spark. NEVER text-on-white (2.8:1) */
  --coral-deep: #C2410C;    /* FUNCTIONAL — buttons, links, labels, focus · ~5.1:1 (AA) */
  --coral-ink: #9A3412;     /* small text that must read coral-ish on light · ~6.6:1 */
  --coral-bright: #FB923C;  /* accent ONLY on dark surfaces */

  /* ---- Aurora ramp (LOCKED · cool dawn → warm golden-hour) ---- */
  --cool-1: #5C73A0;        /* dusty slate-blue */
  --cool-2: #9AA6C6;        /* periwinkle */
  --cool-3: #C7CFE0;        /* ice */
  --w-1: #F97316;           /* coral */
  --w-2: #FB9A4B;           /* warm orange */
  --w-3: #FDC988;           /* amber */
  --w-4: #F9C7D3;           /* soft blush — the bridge */
  --w-5: #FFE8C2;           /* cream-gold sparkle (rare) */

  /* ---- Glass ---- */
  --glass: rgba(255, 253, 250, 0.55);
  --glass-flat: rgba(255, 253, 250, 0.88);   /* mobile/Safari fallback (no backdrop-filter) */
  --glass-border: rgba(255, 255, 255, 0.78);
  --glass-shadow: 0 14px 44px -12px rgba(124, 45, 18, 0.18), 0 4px 12px -6px rgba(124, 45, 18, 0.10);
  --glass-inset: inset 1px 1px 0 rgba(255, 255, 255, 0.65), inset -1px -1px 0 rgba(124, 45, 18, 0.04);
  --glass-blur: blur(26px) saturate(150%);

  /* ---- Dark chrome (footer) — warm charcoal ---- */
  --dark: #17120E;
  --dark-2: #211A14;
  --dark-text: #F6EEE6;     /* ~14:1 on --dark */
  --dark-soft: #C9BEB2;

  /* ---- Lines ---- */
  --hairline: #ECE3D8;
  --hairline-strong: #DDD1C2;

  /* ---- Type ---- */
  --font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --fs-hero: clamp(2.35rem, min(5.2vw, 8vh), 4.5rem);
  --fs-title: clamp(2.1rem, 5.2vw, 4.1rem);
  --fs-lead: clamp(1.125rem, 1.7vw, 1.45rem);
  --fs-body: 1.0625rem;
  --fs-mono: 0.75rem;
  --fs-watermark: clamp(5rem, 14vw, 12rem);

  /* ---- Geometry ---- */
  --radius: 22px;
  --radius-lg: 30px;
  --radius-pill: 999px;
  --maxw: 1180px;
  --gutter: clamp(1.15rem, 4vw, 3rem);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.7s;

  /* ---- Focus ---- */
  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--coral-deep);
}

/* Aurora-tint css fallback colors used by #aurora-fallback */
:root {
  --fb-1: rgba(249, 115, 22, 0.42);
  --fb-2: rgba(253, 201, 136, 0.40);
  --fb-3: rgba(249, 199, 211, 0.38);
  --fb-4: rgba(154, 166, 198, 0.30);
}