/* Generated by tools/tokens_to_css.py from assets/brand/tokens.json. Do not edit. */
:root {
  --brand-sage: #7B8F75;
  --brand-cream: #EAE2CC;
  --brand-lime: #C3F186;
  --brand-ink: #182016;
  --brand-white: #FFFFFF;
  --neutral-50: #F7F8F5;
  --neutral-100: #EEF0EB;
  --neutral-200: #DADED6;
  --neutral-300: #BEC5B9;
  --neutral-400: #929D8C;
  --neutral-500: #727F6C;
  --neutral-600: #56624F;
  --neutral-700: #414C3C;
  --neutral-800: #2C3529;
  --neutral-900: #182016;
  --spacing-unit: 4px;
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --spacing-rhythm: calc(var(--spacing-unit) * 2);
  --radius-input: 12px;
  --radius-button: 14px;
  --radius-card: 20px;
  --radius-sheet: 28px;
  --radius-pill: 999px;
  --interaction-min-target: 44px;
  --interaction-primary-height: 56px;
  --interaction-row-min-height: 64px;
  --interaction-focus-width: 3px;
  --interaction-disabled-opacity: 0.42;
  --icon-small: 20px;
  --icon-default: 24px;
  --icon-large: 32px;
  --icon-grid: 24px;
  --icon-stroke-width: 2.2px;
  --icon-linecap: square;
  --icon-linejoin: miter;
  --type-display-font-family: "Fraunces", "Fraunces Fallback", serif;
  --type-display-font-size: 3rem;
  --type-display-line-height: 3.25rem;
  --type-display-font-weight: 600;
  --type-display: var(--type-display-font-weight) var(--type-display-font-size)/var(--type-display-line-height) var(--type-display-font-family);
  --type-brand-heading-font-family: "Fraunces", "Fraunces Fallback", serif;
  --type-brand-heading-font-size: 2.25rem;
  --type-brand-heading-line-height: 2.5rem;
  --type-brand-heading-font-weight: 600;
  --type-brand-heading: var(--type-brand-heading-font-weight) var(--type-brand-heading-font-size)/var(--type-brand-heading-line-height) var(--type-brand-heading-font-family);
  --type-screen-title-font-family: "Fraunces", "Fraunces Fallback", serif;
  --type-screen-title-font-size: 1.75rem;
  --type-screen-title-line-height: 2.125rem;
  --type-screen-title-font-weight: 600;
  --type-screen-title: var(--type-screen-title-font-weight) var(--type-screen-title-font-size)/var(--type-screen-title-line-height) var(--type-screen-title-font-family);
  --type-section-title-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-section-title-font-size: 1.25rem;
  --type-section-title-line-height: 1.625rem;
  --type-section-title-font-weight: 600;
  --type-section-title: var(--type-section-title-font-weight) var(--type-section-title-font-size)/var(--type-section-title-line-height) var(--type-section-title-font-family);
  --type-body-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-body-font-size: 1.0625rem;
  --type-body-line-height: 1.5rem;
  --type-body-font-weight: 400;
  --type-body: var(--type-body-font-weight) var(--type-body-font-size)/var(--type-body-line-height) var(--type-body-font-family);
  --type-body-strong-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-body-strong-font-size: 1.0625rem;
  --type-body-strong-line-height: 1.5rem;
  --type-body-strong-font-weight: 600;
  --type-body-strong: var(--type-body-strong-font-weight) var(--type-body-strong-font-size)/var(--type-body-strong-line-height) var(--type-body-strong-font-family);
  --type-button-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-button-font-size: 1.0625rem;
  --type-button-line-height: 1.375rem;
  --type-button-font-weight: 600;
  --type-button: var(--type-button-font-weight) var(--type-button-font-size)/var(--type-button-line-height) var(--type-button-font-family);
  --type-label-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-label-font-size: 0.9375rem;
  --type-label-line-height: 1.25rem;
  --type-label-font-weight: 500;
  --type-label: var(--type-label-font-weight) var(--type-label-font-size)/var(--type-label-line-height) var(--type-label-font-family);
  --type-caption-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-caption-font-size: 0.8125rem;
  --type-caption-line-height: 1.125rem;
  --type-caption-font-weight: 400;
  --type-caption: var(--type-caption-font-weight) var(--type-caption-font-size)/var(--type-caption-line-height) var(--type-caption-font-family);
  --type-tab-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-tab-font-size: 0.75rem;
  --type-tab-line-height: 1rem;
  --type-tab-font-weight: 600;
  --type-tab: var(--type-tab-font-weight) var(--type-tab-font-size)/var(--type-tab-line-height) var(--type-tab-font-family);
  --type-metric-font-family: "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-metric-font-size: 2.5rem;
  --type-metric-line-height: 2.75rem;
  --type-metric-font-weight: 600;
  --type-metric: var(--type-metric-font-weight) var(--type-metric-font-size)/var(--type-metric-line-height) var(--type-metric-font-family);
  --gradient-direction: 160deg;
  --gradient-grid-size: 8px;
  --gradient-grid-opacity: 0;
  --gradient-light: linear-gradient(160deg, #53694D 0%, #4E6448 60%, #455C3F 100%);
  --gradient-dark: linear-gradient(160deg, #3E4F3A 0%, #2C3A29 100%);
  color-scheme: light;
  --color-canvas: #F7F8F5;
  --color-surface: #FFFFFF;
  --color-surface-muted: #EEF0EB;
  --color-text: #182016;
  --color-text-secondary: #56624F;
  --color-border: #BEC5B9;
  --color-control-border: #727F6C;
  --color-primary: #182016;
  --color-on-primary: #FFFFFF;
  --color-accent: #C3F186;
  --color-on-accent: #182016;
  --color-focus: #315E78;
  --color-header-text: #FFFFFF;
  --color-header-secondary-opacity: 0.82;
  --color-header-background: #53694D;
  --status-success-foreground: #315F38;
  --status-success-background: #EAF2E7;
  --status-warning-foreground: #765000;
  --status-warning-background: #FFF1CB;
  --status-danger-foreground: #A12C24;
  --status-danger-background: #FBECE8;
  --status-info-foreground: #315E78;
  --status-info-background: #EAF1F7;
  --shadow-card-opacity: 0.06;
  --shadow-card: 0px 4px 16px color-mix(in srgb, #182016 6%, transparent);
  --shadow-sheet-opacity: 0.16;
  --shadow-sheet: 0px 8px 24px color-mix(in srgb, #182016 16%, transparent);
  --shadow-button-opacity: 0.1;
  --shadow-button: 0px 3px 12px color-mix(in srgb, #182016 10%, transparent);
  --shadow-banner-opacity: 0.1;
  --shadow-banner: 0px -4px 24px color-mix(in srgb, #182016 10%, transparent);
  --header-gradient: var(--gradient-light);
}
@media (prefers-color-scheme: dark) {
:root {
  color-scheme: dark;
  --color-canvas: #11170F;
  --color-surface: #182016;
  --color-surface-muted: #2C3529;
  --color-text: #F7F8F5;
  --color-text-secondary: #BEC5B9;
  --color-border: #56624F;
  --color-control-border: #929D8C;
  --color-primary: #EAE2CC;
  --color-on-primary: #182016;
  --color-accent: #C3F186;
  --color-on-accent: #182016;
  --color-focus: #ADD2EC;
  --color-header-text: #FFFFFF;
  --color-header-secondary-opacity: 0.82;
  --color-header-background: #3E4F3A;
  --status-success-foreground: #B8D6AF;
  --status-success-background: #263A29;
  --status-warning-foreground: #F1CF80;
  --status-warning-background: #3D321B;
  --status-danger-foreground: #FFB6A7;
  --status-danger-background: #442723;
  --status-info-foreground: #ADD2EC;
  --status-info-background: #223642;
  --shadow-card-opacity: 0.32;
  --shadow-card: 0px 4px 16px color-mix(in srgb, #000000 32%, transparent);
  --shadow-sheet-opacity: 0.48;
  --shadow-sheet: 0px 8px 24px color-mix(in srgb, #000000 48%, transparent);
  --shadow-button-opacity: 0.32;
  --shadow-button: 0px 3px 12px color-mix(in srgb, #000000 32%, transparent);
  --shadow-banner-opacity: 0.4;
  --shadow-banner: 0px -4px 24px color-mix(in srgb, #000000 40%, transparent);
  --header-gradient: var(--gradient-dark);
}
}