/* Sunkissed design tokens — canonical source: brand/DESIGN.md.
   Every surface links this file; no surface redefines tokens.
   Semantic names: surfaces reference roles, not colors. */
:root{
  --bg: oklch(1 0 0);
  --ink: oklch(0.22 0.02 255);
  --muted: oklch(0.42 0.02 255);
  --brand: oklch(0.45 0.16 255);        /* deep cobalt — solid partnership */
  --brand-deep: oklch(0.29 0.10 258);   /* dark surfaces, hover */
  --brand-soft: oklch(0.965 0.012 255); /* tinted section bg */
  --accent: oklch(0.80 0.15 85);        /* sun-gold — the "kissed" */
  --accent-deep: oklch(0.52 0.11 75);   /* accent as small text on white */
  --accent-soft: oklch(0.95 0.05 90);
  --line: oklch(0.90 0.01 255);
  --radius: 14px;
  --step--1: clamp(.9rem,.85rem + .2vw,1rem);
  --step-0: clamp(1.05rem,1rem + .3vw,1.2rem);
  --step-1: clamp(1.3rem,1.2rem + .6vw,1.6rem);
  --step-2: clamp(1.7rem,1.5rem + 1vw,2.2rem);
  --step-3: clamp(2.2rem,1.9rem + 1.8vw,3.1rem);
  --step-4: clamp(2.9rem,2.3rem + 3.2vw,4.6rem);
}