/* ── Eks Koffie Design Tokens ─────────────────────────────────────────
   Warm coffee palette: espresso ink on cream, white cards, caramel
   accents. Light mode only for this customer.
   ──────────────────────────────────────────────────────────────────── */

:root {
  /* Native form controls and scrollbars render light too. */
  color-scheme: light;

  --color-text:             #2f2319;
  --color-text-muted:       #85715f;
  --color-bg:               #f7f2ec;
  --color-surface:          #ffffff;
  --color-border:           #e8ddd0;
  --color-primary:          #5f4432;
  --color-primary-hover:    #48331f;
  --color-primary-20:       rgba(95, 68, 50, 0.15);
  --color-secondary:        #b0713c;
  --color-secondary-20:     rgba(176, 113, 60, 0.18);
  --color-accent:           #c98a3d;
  --color-accent-20:        rgba(201, 138, 61, 0.2);
  --color-muted-20:         rgba(133, 113, 95, 0.2);
  --color-overlay:          rgba(47, 35, 25, 0.5);
  --color-on-primary:       #fdf8f1;
  --color-hover:            rgba(95, 68, 50, 0.05);
  --color-active:           #f7f2ec;
  --color-error:            #b3402e;
  --color-error-bg:         rgba(179, 64, 46, 0.08);

  --font-ui:   'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --font-code: 'JetBrains Mono', 'Fira Code', monospace;

  --radius:    14px;
  --radius-sm: 8px;
}