/* Koru Cafe - design tokens. Values from 08_Context/brand-voice.md,
   extracted from korucafe.mx's own CSS custom properties. */
:root{
  --canvas:        #F5F1E8;
  --canvas-deep:   #4A3426;
  --panel:         #E8DCC8;
  --ink-primary:   #4A1C0E;
  --ink-secondary: #6B4D3A;
  --accent:        #25D366;
  --accent-hover:  #1FAE53;
  --accent-muted:  rgba(37,211,102,.14);

  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Karla', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  --step--1: clamp(.86rem, .82rem + .2vw, .95rem);
  --step-0:  clamp(1.06rem, 1rem + .3vw, 1.19rem);
  --step-1:  clamp(1.33rem, 1.2rem + .6vw, 1.6rem);
  --step-2:  clamp(1.9rem, 1.6rem + 1.4vw, 2.5rem);
  --step-3:  clamp(2.6rem, 2rem + 3vw, 4.75rem);

  --measure: 62ch;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --band:   clamp(4rem, 9vw, 8.5rem);
}