/* ============================================================
   Bridgewire — Design Tokens
   Dark editorial / luxury. Warm near-black, ivory ink,
   burnished amber accent. All colours in oklch.
   ============================================================ */

:root {
  /* — Surfaces (warm near-black, layered) — */
  --bg:            oklch(0.155 0.006 70);   /* page base  ~#171512 */
  --bg-raised:     oklch(0.195 0.007 72);   /* cards / raised */
  --bg-inset:      oklch(0.125 0.005 70);   /* wells / footer */

  /* — Ink (warm ivory) — */
  --ink:           oklch(0.955 0.008 85);   /* headings / primary text */
  --ink-soft:      oklch(0.80 0.012 82);    /* body copy */
  --ink-dim:       oklch(0.63 0.012 82);    /* meta / muted */
  --ink-faint:     oklch(0.50 0.010 80);    /* captions */

  /* — Accent (burnished amber / brass) — */
  --accent:        oklch(0.82 0.125 72);    /* signature amber */
  --accent-strong: oklch(0.75 0.14 65);
  --accent-ink:    oklch(0.22 0.04 70);     /* text on accent fills */

  /* — Lines & hairlines — */
  --line:          oklch(0.32 0.006 72);
  --line-soft:     oklch(0.26 0.006 72);

  /* — Selection / focus — */
  --focus:         oklch(0.82 0.125 72);

  /* — Typography — */
  --font-display: "Fraunces", "Fraunces Fallback", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Fluid type scale */
  --fs-eyebrow: 0.78rem;
  --fs-body:    clamp(1rem, 0.96rem + 0.25vw, 1.15rem);
  --fs-lead:    clamp(1.2rem, 1.05rem + 0.7vw, 1.6rem);
  --fs-h3:      clamp(1.5rem, 1.2rem + 1.3vw, 2.15rem);
  --fs-h2:      clamp(2.1rem, 1.4rem + 3vw, 3.9rem);
  --fs-display: clamp(3rem, 1.2rem + 8vw, 8.75rem);
  --fs-metric:  clamp(2.6rem, 1.6rem + 4.5vw, 5.5rem);

  --lh-tight: 0.98;
  --lh-snug:  1.12;
  --lh-body:  1.62;

  /* — Rhythm / spacing — */
  --space-section: clamp(5rem, 3.5rem + 7vw, 11rem);
  --container:     1280px;
  --gutter:        clamp(1.25rem, 0.5rem + 4.5vw, 5.5rem);

  /* — Radius (mostly sharp, editorial) — */
  --radius-sm: 2px;
  --radius:    4px;

  /* — Motion — */
  --dur-fast:   180ms;
  --dur:        420ms;
  --dur-slow:   800ms;
  --ease:       cubic-bezier(0.16, 1, 0.3, 1);   /* expo-out */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  --shadow: 0 1px 2px oklch(0 0 0 / 0.4), 0 18px 40px -20px oklch(0 0 0 / 0.7);

  color-scheme: dark;
}