/* Generated by design/tools/build_tokens.py. Approved identity v1.0.0. */
:root {
  --color-background: #FBF5EC;
  --color-surface: #FFFFFF;
  --color-elevated: #FFFFFF;
  --color-inset: #F0E8DC;
  --color-text: #2C211D;
  --color-text-secondary: #66534A;
  --color-text-muted: #705E54;
  --color-border: #8E796D;
  --color-separator: #DED3C6;
  --color-primary: #9D442D;
  --color-primary-hover: #813622;
  --color-primary-pressed: #6C2B1B;
  --color-on-primary: #FFFFFF;
  --color-primary-subtle: #FAE9E1;
  --color-accent: #9D442D;
  --color-accent-subtle: #FAE9E1;
  --color-info: #245D84;
  --color-info-subtle: #E7F0F6;
  --color-warning: #785000;
  --color-warning-subtle: #FFF0CE;
  --color-success: #246447;
  --color-success-subtle: #E4EFE7;
  --color-danger: #A52A2A;
  --color-danger-subtle: #FCE9E7;
  --color-focus: #236B97;
  --color-disabled-text: #66554A;
  --color-disabled-background: #E8DFD4;
  --color-selection: #EAD5C7;
  --color-decorative-accent: #A9B59B;
  --shadow-flat: none;
  --shadow-raised: 0 2px 8px #2C211D12;
  --shadow-overlay: 0 16px 48px #2C211D26;
  color-scheme: light;
  --space-none: 0px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 48px;
  --space-5xl: 64px;
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-card: 20px;
  --radius-sheet: 28px;
  --radius-pill: 999px;
  --stroke-default: 1px;
  --stroke-emphasis: 2px;
  --stroke-focus: 3px;
  --layout-touch-target: 44px;
  --layout-cooking-target: 56px;
  --layout-page-gutter-compact: 16px;
  --layout-page-gutter-regular: 24px;
  --layout-page-max: 1200px;
  --layout-reading-max: 680px;
  --layout-compact-breakpoint: 640px;
  --layout-wide-breakpoint: 1024px;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-editorial: ui-serif, Georgia, serif;
  --font-wordmark: Georgia, "Times New Roman", serif;
  --motion-feedback: 120ms;
  --motion-transition: 200ms;
  --motion-sheet: 280ms;
  --motion-reduce: 0ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --type-display-size: 2.25rem;
  --type-display-leading: 1.2222;
  --type-display-weight: 700;
  --type-title-size: 1.75rem;
  --type-title-leading: 1.2143;
  --type-title-weight: 700;
  --type-section-size: 1.375rem;
  --type-section-leading: 1.2727;
  --type-section-weight: 600;
  --type-headline-size: 1.0625rem;
  --type-headline-leading: 1.4118;
  --type-headline-weight: 600;
  --type-body-size: 1.0625rem;
  --type-body-leading: 1.5294;
  --type-body-weight: 400;
  --type-callout-size: 1rem;
  --type-callout-leading: 1.5000;
  --type-callout-weight: 400;
  --type-caption-size: 0.8125rem;
  --type-caption-leading: 1.3846;
  --type-caption-weight: 500;
  --type-quantity-size: 1.0625rem;
  --type-quantity-leading: 1.5294;
  --type-quantity-weight: 600;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --color-background: #231B17;
  --color-surface: #2C221D;
  --color-elevated: #382B24;
  --color-inset: #1C1512;
  --color-text: #FBF5EC;
  --color-text-secondary: #D4C4B7;
  --color-text-muted: #BFAEA0;
  --color-border: #A68E7B;
  --color-separator: #58483D;
  --color-primary: #F0AF91;
  --color-primary-hover: #F7C5AD;
  --color-primary-pressed: #E69C7A;
  --color-on-primary: #2D1A13;
  --color-primary-subtle: #4B2A20;
  --color-accent: #F0AF91;
  --color-accent-subtle: #4B2A20;
  --color-info: #A6CEE8;
  --color-info-subtle: #203847;
  --color-warning: #F2CB79;
  --color-warning-subtle: #40351F;
  --color-success: #A2D5B2;
  --color-success-subtle: #243F2C;
  --color-danger: #FFB3AA;
  --color-danger-subtle: #492623;
  --color-focus: #91C9ED;
  --color-disabled-text: #C4B5A7;
  --color-disabled-background: #40332B;
  --color-selection: #5B3B2D;
  --color-decorative-accent: #A9B59B;
  --shadow-flat: none;
  --shadow-raised: 0 2px 8px #00000026;
  --shadow-overlay: 0 16px 48px #00000066;
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --color-background: #231B17;
  --color-surface: #2C221D;
  --color-elevated: #382B24;
  --color-inset: #1C1512;
  --color-text: #FBF5EC;
  --color-text-secondary: #D4C4B7;
  --color-text-muted: #BFAEA0;
  --color-border: #A68E7B;
  --color-separator: #58483D;
  --color-primary: #F0AF91;
  --color-primary-hover: #F7C5AD;
  --color-primary-pressed: #E69C7A;
  --color-on-primary: #2D1A13;
  --color-primary-subtle: #4B2A20;
  --color-accent: #F0AF91;
  --color-accent-subtle: #4B2A20;
  --color-info: #A6CEE8;
  --color-info-subtle: #203847;
  --color-warning: #F2CB79;
  --color-warning-subtle: #40351F;
  --color-success: #A2D5B2;
  --color-success-subtle: #243F2C;
  --color-danger: #FFB3AA;
  --color-danger-subtle: #492623;
  --color-focus: #91C9ED;
  --color-disabled-text: #C4B5A7;
  --color-disabled-background: #40332B;
  --color-selection: #5B3B2D;
  --color-decorative-accent: #A9B59B;
  --shadow-flat: none;
  --shadow-raised: 0 2px 8px #00000026;
  --shadow-overlay: 0 16px 48px #00000066;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-feedback: 0ms; --motion-transition: 0ms; --motion-sheet: 0ms; }
}
@media (prefers-contrast: more) {
  :root { --color-border: var(--color-text); --stroke-default: 2px; }
}