/* ============================================================
   WULFRIC STUDIOS — design tokens
   The single source of truth for every Wulfric build.
   ============================================================ */

:root {
  /* ---- color ---- */
  --void: #05060a;            /* page background */
  --ink: #0b0d14;             /* panels, cards */
  --ink-2: #10131d;           /* raised surfaces */
  --text: #e9e6dd;            /* warm moonlight */
  --text-dim: rgba(233, 230, 221, .62);
  --text-faint: rgba(233, 230, 221, .40);
  --hairline: rgba(233, 230, 221, .08);
  --hairline-strong: rgba(233, 230, 221, .18);

  --teal: #7ee8c8;
  --violet: #8b7cf6;
  --aurora: linear-gradient(120deg, var(--teal), var(--violet));
  --glow-teal: rgba(126, 232, 200, .14);
  --glow-violet: rgba(139, 124, 246, .14);

  /* ---- typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero: clamp(2.8rem, 1.1rem + 7.4vw, 6.8rem);
  --fs-h2: clamp(2.1rem, 1.1rem + 3.4vw, 3.9rem);
  --fs-h3: clamp(1.25rem, 1.1rem + .7vw, 1.6rem);
  --fs-manifesto: clamp(1.7rem, .9rem + 3vw, 3.4rem);
  --fs-lead: clamp(1.05rem, .95rem + .45vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-label: .72rem;

  /* ---- layout ---- */
  --container: 76rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section: clamp(6.5rem, 14vw, 11rem);
  --nav-h: 4.5rem;

  /* ---- shape & motion ---- */
  --radius: 1rem;
  --radius-lg: 1.5rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);     /* expo-style settle */
  --ease-soft: cubic-bezier(.45, .05, .15, 1);  /* gentle in-out */
  --reveal-dur: .9s;
  --line-dur: 1.1s;
}