/* Treecipe 0.2.1-draft — original-reference integration proposal; branding owns this file. Generated by tools/build-assets.cjs. */
:root {
  --tc-color-evergreen: #28551E;
  --tc-color-evergreen-deep: #1E4016;
  --tc-color-sage: #E6ECD9;
  --tc-color-paper: #F8F5ED;
  --tc-color-white: #FFFFFF;
  --tc-color-ink: #3A2B1E;
  --tc-color-muted: #685E50;
  --tc-color-line: #DCD8CC;
  --tc-color-control-border: #837565;
  --tc-color-clay: #683914;
  --tc-color-clay-tint: #F0E5D5;
  --tc-color-ochre: #88A93E;
  --tc-color-ochre-tint: #F7EDD5;
  --tc-color-warning: #785414;
  --tc-color-error: #A13232;
  --tc-color-error-tint: #FBE5E3;
  --tc-color-focus: #255F80;
  --tc-color-focus-dark: #90CBE6;
  --tc-font-display: 'Fraunces', Georgia, serif;
  --tc-font-body: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --tc-font-mono: ui-monospace, Consolas, monospace;
  --tc-type-caption: 0.875rem;
  --tc-leading-caption: 1.5;
  --tc-type-body: 1rem;
  --tc-leading-body: 1.6;
  --tc-type-body-large: 1.125rem;
  --tc-leading-body-large: 1.6;
  --tc-type-title-small: 1.5rem;
  --tc-leading-title-small: 1.2;
  --tc-type-title: 2.25rem;
  --tc-leading-title: 1.15;
  --tc-type-display: 3.5rem;
  --tc-leading-display: 1.05;
  --tc-space-1: 0.25rem;
  --tc-space-2: 0.5rem;
  --tc-space-3: 0.75rem;
  --tc-space-4: 1rem;
  --tc-space-6: 1.5rem;
  --tc-space-8: 2rem;
  --tc-space-12: 3rem;
  --tc-space-16: 4rem;
  --tc-radius-control: 0.5rem;
  --tc-radius-card: 1rem;
  --tc-radius-pill: 999px;
  --tc-shadow-card: 0 6px 24px rgb(23 56 44 / 0.06);
  --tc-motion-fast: 120ms;
  --tc-motion-normal: 180ms;
  --tc-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --tc-layout-reading: 42rem;
  --tc-layout-content: 75rem;
  --tc-layout-touch-target: 48px;
  --tc-layout-control-height: 48px;
  --tc-layout-cooking-target: 56px;
  --tc-canvas: #F8F5ED;
  --tc-surface: #FFFFFF;
  --tc-text: #3A2B1E;
  --tc-text-muted: #685E50;
  --tc-brand: #28551E;
  --tc-brand-hover: #1E4016;
  --tc-on-brand: #FFFFFF;
  --tc-accent: #683914;
  --tc-accent-soft: #F0E5D5;
  --tc-surface-soft: #E6ECD9;
  --tc-border-subtle: #DCD8CC;
  --tc-border-control: #837565;
  --tc-focus: #255F80;
  --tc-success: #28551E;
  --tc-success-surface: #E6ECD9;
  --tc-warning: #785414;
  --tc-warning-surface: #F7EDD5;
  --tc-error: #A13232;
  --tc-error-surface: #FBE5E3;
}
[data-theme="dark"] {
  --tc-canvas: #192415;
  --tc-surface: #25321E;
  --tc-text: #F8F5ED;
  --tc-text-muted: #CFD6C2;
  --tc-brand: #D4E6B9;
  --tc-brand-hover: #F8F5ED;
  --tc-on-brand: #1E4016;
  --tc-accent: #E8C09B;
  --tc-accent-soft: #30271B;
  --tc-surface-soft: #344528;
  --tc-border-subtle: #405736;
  --tc-border-control: #9EAA89;
  --tc-focus: #90CBE6;
  --tc-success: #CEE6BD;
  --tc-success-surface: #344528;
  --tc-warning: #F3D18D;
  --tc-warning-surface: #3C331D;
  --tc-error: #FFB7B0;
  --tc-error-surface: #432A29;
}