/* tokens.css — Client: JCGOTRICH
 * Two colours only: ink + one accent (ultramarine), on a warm paper base.
 * Previous rejected directions: dark green + gold, black + gold, plain white.
 */
:root {
  /* Brand — JC's colours: dark purple, pale purple, white */
  --brand-paper: #ffffff;
  --brand-paper-2: #f5f0ff;      /* pale purple wash */
  --brand-ink: #1e0d36;          /* dark purple text — 17:1 on white */
  --brand-ink-2: #4a3a66;        /* muted text — 10:1 */
  --brand-ink-3: #6c5f86;        /* captions — 6:1 */
  --brand-accent: #5a2bd6;       /* purple — white on it 7.6:1 */
  --brand-accent-ink: #431cae;
  --brand-accent-soft: #ebe2ff;  /* pale purple */
  --brand-accent-on-dark: #cbb8ff; /* pale purple on dark — 10:1 */
  --brand-ok: #5a2bd6;
  --brand-ok-on-dark: #cbb8ff;
  --brand-active-on-dark: #a98bff;

  /* Dark surfaces (demo, plans, final CTA, footer) */
  --dark-0: #190a2e;
  --dark-1: #23113f;
  --dark-2: #2d1750;
  --dark-line: rgba(203, 184, 255, 0.14);
  --dark-text: #ffffff;
  --dark-text-2: #c7bbdf;        /* 10:1 on dark-0 */

  --line: rgba(30, 13, 54, 0.1);
  --line-strong: rgba(30, 13, 54, 0.2);

  /* Typography */
  --font-display: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Instrument Serif", ui-serif, Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Utopia fluid type 320 → 1240 */
  --step--2: clamp(0.6944rem, 0.6597rem + 0.1736vw, 0.8rem);
  --step--1: clamp(0.8333rem, 0.7754rem + 0.2899vw, 1rem);
  --step-0: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --step-1: clamp(1.2rem, 1.0739rem + 0.6304vw, 1.5625rem);
  --step-2: clamp(1.44rem, 1.2615rem + 0.8924vw, 1.9531rem);
  --step-3: clamp(1.728rem, 1.4799rem + 1.2406vw, 2.4414rem);
  --step-4: clamp(2.0736rem, 1.7334rem + 1.7011vw, 3.0518rem);
  --step-5: clamp(2.4883rem, 2.027rem + 2.3067vw, 3.8147rem);
  --step-6: clamp(2.6rem, 1.75rem + 3.9vw, 4.6rem);   /* hero display */

  /* Utopia fluid space */
  --space-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.6848rem + 0.3261vw, 0.9375rem);
  --space-s: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.3696rem + 0.6522vw, 1.875rem);
  --space-l: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
  --space-xl: clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.6522rem + 1.7391vw, 5rem);
  --space-3xl: clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);

  /* Personality */
  --site-radius: 14px;
  --site-radius-lg: 22px;
  --site-radius-pill: 999px;
  --site-shadow: var(--shadow-3);
  --site-shadow-lg: var(--shadow-5);
  --site-ease: var(--ease-out-4);
  --site-ease-spring: var(--ease-spring-2);
  --site-dur: 420ms;
  --site-dur-fast: 180ms;
  --site-max: 1180px;
  --tap: 44px;
}