/* Copied verbatim from the Feastie design system (claude.ai/artifact/S6UCseEA4qxCxFqo6GbvMy, project/tokens.css).
   Replace the whole file to sync; site-only values live in site.css. */
/* Feastie — generated from tokens.json */
:root, [data-theme="default"] {
  --color-bg: #f5ead8;
  --color-surface: #ebddc5;
  --color-text: #201e1d;
  --color-divider: #201e1d29;
  --color-accent: #c67139;
  --color-accent-2: #7a8a5e;
  --color-neutral-100: #f9f4ed;
  --color-neutral-200: #eee7db;
  --color-neutral-300: #dcd3c4;
  --color-neutral-400: #c0b6a5;
  --color-neutral-500: #a19786;
  --color-neutral-600: #82796a;
  --color-neutral-700: #645c50;
  --color-neutral-800: #474238;
  --color-neutral-900: #2e2b25;
  --color-accent-100: #fff2eb;
  --color-accent-200: #ffe1d0;
  --color-accent-300: #ffc6a5;
  --color-accent-400: #f6a06b;
  --color-accent-500: #d67f48;
  --color-accent-600: #b2622d;
  --color-accent-700: #8c491a;
  --color-accent-800: #643312;
  --color-accent-900: #402310;
  --color-accent-2-100: #f0fae1;
  --color-accent-2-200: #e1eecc;
  --color-accent-2-300: #ccdbb2;
  --color-accent-2-400: #aebf92;
  --color-accent-2-500: #8fa073;
  --color-accent-2-600: #728157;
  --color-accent-2-700: #56633f;
  --color-accent-2-800: #3d472b;
  --color-accent-2-900: #272e1b;
  --text-secondary: #201e1d9e;
  --text-tertiary: #201e1d8c;
  --text-faint: #201e1d73;
  --text-kicker: var(--color-accent-700);
  --text-on-accent: var(--color-bg);
  --conf-high-bg: var(--color-accent-2-200);
  --conf-high-fg: var(--color-accent-2-800);
  --conf-high-dot: var(--color-accent-2-600);
  --conf-low-bg: var(--color-accent-200);
  --conf-low-fg: var(--color-accent-800);
  --conf-low-dot: var(--color-accent-500);
  --macro-protein: var(--color-accent-2-600);
  --macro-carb: var(--color-accent-500);
  --macro-fat: var(--color-neutral-600);
  --tint-grain: var(--color-accent-200);
  --tint-green: var(--color-accent-2-200);
  --tint-plain: var(--color-neutral-200);
  --camera-bg: #151311;
  --camera-glow: #3a332c;
  --camera-fg: #f5ead8;
  --camera-fg-dim: rgba(245, 234, 216, .16);
  --camera-guide: rgba(245, 234, 216, .28);
  --shadow-sm: 0 1px 2px #2e2b2524;
  --shadow-md: 0 3px 10px #2e2b2529;
  --shadow-lg: 0 12px 32px #2e2b2538;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --screen-pad-x: 20px;
  --screen-pad-top: 70px;
  --screen-gap: 18px;
  --control-lg: 54px;
  --control-md: 52px;
  --control-sm: 46px;
  --control-icon: 38px;
  --control-stepper: 36px;
  --tab-cta: 58px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 22px;
  --radius-xl: 26px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --font-heading-weight: 700;
  --text-display-xl: 40px;
  --text-display-lg: 34px;
  --text-display-md: 30px;
  --text-display-sm: 24px;
  --text-display-xs: 18px;
  --text-body-lg: 17px;
  --text-body-md: 15px;
  --text-body-sm: 13px;
  --text-body-xs: 12px;
  --text-label: 11px;
  --text-micro: 10px;
  --tracking-kicker: 0.08em;
  --tracking-meta: 0.06em;
  --tracking-sub: 0.04em;
  --leading-tight: 1.1;
  --leading-body: 1.6;
  --font-heading: ui-rounded, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --text-body: 400 15px/1.55 var(--font-body); /* From `body` in tokens/base.css. */
}
.body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0;
}