/* Ταπεράκι design tokens (Cream theme), from the Taperakimou.gr design system tokens.json */
:root {
  --surface: #f9f3e3;
  --surface-raised: #fffbf2;
  --surface-sunken: #f0e6cf;
  --line: #d9cbac;
  --line-strong: #8c8068;
  --ink: #1c1b17;
  --ink-muted: #5e594b;
  --forest: #0a261a;
  --on-forest: #f9f3e3;
  --forest-deep: #0a261a;
  --forest-light: #a9c9ae;
  --sage: #4b5848;
  --on-sage: #f9f3e3;
  --sage-soft: #e3e6d6;
  --mustard: #e79d03;
  --on-mustard: #1c1b17;
  --mustard-text: #8f5a00;
  --yolk: #fcc648;
  --on-yolk: #1c1b17;
  --kraft: #d7a879;
  --on-kraft: #1c1b17;
  --tomato: #b3361f;
  --on-tomato: #fffbf2;
  --focus-ring: #0a261a;

  --font-display: "M PLUS Rounded 1c", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-sans: Commissioner, "Segoe UI", system-ui, sans-serif;
  --font-hand: "Playpen Sans", "Comic Sans MS", cursive;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(28,27,23,0.06), 0 6px 18px rgba(28,27,23,0.08);
}