:root{
  /* base: warm coconut-cream world */
  --cream:#F4EDDF; --cream-2:#EFE5D2; --card:#FBF7EC;
  --ink:#23261C; --ink-soft:#4E5245; --ink-hover:#2F3326;
  /* flavour: yuzu & lime */
  --lime:#A9C62E; --lime-deep:#5E7A18; --lime-tint:#EEF2D6;
  /* flavour: raspberry & elderflower */
  --rasp:#A6296A; --rasp-deep:#6E1A47; --lilac:#C9A6D6; --rasp-tint:#F1DFE9;
  /* flavour: matcha & ginger */
  --matcha:#2F5A38; --matcha-2:#3E6B45; --ginger:#E0952F; --matcha-tint:#E1EBDD;
  /* accent */
  --gold:#E7B84F; --gold-deep:#C9992F;
  /* hairlines */
  --line:rgba(35,38,28,0.12);
  --line-strong:rgba(35,38,28,0.24);
  --line-on-ink:rgba(244,237,223,0.18);
  /* semantic aliases */
  --surface-page:var(--cream);
  --surface-alt:var(--cream-2);
  --surface-card:var(--card);
  --surface-ink:var(--ink);
  --text-body:var(--ink);
  --text-soft:var(--ink-soft);
  --text-on-ink:var(--cream);
  --text-on-ink-soft:rgba(244,237,223,0.72);
  --text-on-ink-faint:rgba(244,237,223,0.5);
  --accent:var(--gold);
  --focus-ring:var(--lime-deep);
}