/* DABBA public pages — design tokens (verbatim from tokens.css, locked)
   Do not alter hex values. */
:root {
  --cream-50:  #FDFBF7;
  --cream-100: #FAF6EF;
  --cream-200: #F0E6D9;
  --cream-300: #DFCDB8;
  --terra-100: #F7E4D8;
  --terra-500: #C4622D;
  --terra-600: #A34E22;
  --terra-700: #833E1B;
  --forest-500: #4A7360;
  --forest-700: #2D4739;
  --forest-100: #E3EDE7;
  --turmeric-500: #E8B84B;
  --turmeric-100: #FCF3DC;
  --paprika-600: #B3402B;
  --paprika-100: #FBE6E1;
  --ink-900: #1C1917;
  --ink-700: #44403C;
  --ink-500: #6B625C;
  --white:   #FFFFFF;
  --accent:       var(--terra-600);
  --accent-strong:var(--terra-700);
  --accent-soft:  var(--terra-100);
  --accent-500:   var(--terra-600);
  --mode-chrome:  var(--terra-700);
  --mode-ink:     var(--ink-900);
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fs-display: clamp(2rem, 4vw, 2.5rem);
  --fs-h1:      1.75rem;
  --fs-h2:      1.375rem;
  --fs-h3:      1.25rem;
  --fs-body:    1.125rem;
  --fs-body-sm: 1rem;
  --fs-caption: 0.875rem;
  --fs-num:     1.125rem;
  --space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem;  --space-6: 1.5rem;  --space-8: 2rem;   --space-10: 2.5rem;
  --space-12: 3rem;    --space-16: 4rem;   --space-20: 5rem;
  --gutter-mobile: 1rem;  --gutter-desktop: 2rem;
  --page-max: 72rem;
  --radius-input: 0.5rem;
  --radius-card-sm: 0.75rem;
  --radius-card: 1rem;
  --radius-sheet: 1.5rem;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
  --shadow-md: 0 2px 8px rgba(28, 25, 23, 0.06);
  --shadow-lg: 0 8px 24px rgba(28, 25, 23, 0.10);
  --ring-focus: 0 0 0 3px rgba(163, 78, 34, 0.35);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 300ms;
  --dur-slow: 500ms;
  --z-card: 1; --z-sticky: 20; --z-overlay: 40; --z-modal: 50; --z-toast: 60;
  --min-touch: 44px;
}
body.chef-mode {
  --accent: var(--forest-500);
  --accent-strong: var(--forest-700);
  --accent-soft: var(--forest-100);
  --accent-500: var(--forest-500);
}
.num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
}