/* Generated from docs/design/tokens.json (version 1.2.0) by internal/web/tokens_css_test.go
   (design-system T1, §15.5). Do not edit: change tokens.json and regenerate. */

:root {
  color-scheme: light dark;
  --surface: #FFF8F4;
  --surface-container-low: #FDF2E7;
  --surface-container: #F7ECE2;
  --surface-container-high: #F1E6DC;
  --on-surface: #201B15;
  --on-surface-variant: #504537;
  --primary: #416180;
  --on-primary: #FFFFFF;
  --primary-container: #CFE5FF;
  --on-primary-container: #001D33;
  --outline: #827565;
  --outline-variant: #D4C4B2;
  --error: #BA1A1A;
  --on-error: #FFFFFF;
  --error-container: #FFDAD6;
  --on-error-container: #410002;
  --inverse-surface: #352F29;
  --on-inverse-surface: #FAEFE4;
  --font: "Noto Sans", Roboto, "Segoe UI", Arial, sans-serif;
  --headline-large-size: 32px;
  --headline-large-line: 40px;
  --headline-large-weight: 500;
  --headline-large-tracking: 0px;
  --headline-medium-size: 28px;
  --headline-medium-line: 36px;
  --headline-medium-weight: 500;
  --headline-medium-tracking: 0px;
  --headline-small-size: 24px;
  --headline-small-line: 32px;
  --headline-small-weight: 500;
  --headline-small-tracking: 0px;
  --title-large-size: 22px;
  --title-large-line: 28px;
  --title-large-weight: 500;
  --title-large-tracking: 0px;
  --title-medium-size: 16px;
  --title-medium-line: 24px;
  --title-medium-weight: 600;
  --title-medium-tracking: 0.15px;
  --body-large-size: 16px;
  --body-large-line: 24px;
  --body-large-weight: 400;
  --body-large-tracking: 0.5px;
  --body-medium-size: 14px;
  --body-medium-line: 20px;
  --body-medium-weight: 400;
  --body-medium-tracking: 0.25px;
  --body-small-size: 12px;
  --body-small-line: 16px;
  --body-small-weight: 400;
  --body-small-tracking: 0.4px;
  --label-large-size: 14px;
  --label-large-line: 20px;
  --label-large-weight: 600;
  --label-large-tracking: 0.1px;
  --space-giant: 48px;
  --space-huge: 40px;
  --space-lg: 16px;
  --space-max: 64px;
  --space-md: 12px;
  --space-none: 0px;
  --space-sm: 8px;
  --space-xl: 20px;
  --space-xs: 4px;
  --space-xxl: 24px;
  --space-xxs: 2px;
  --space-xxxl: 32px;
  --layout-screen-gutter-compact: 16px;
  --layout-screen-gutter-medium: 24px;
  --layout-section-gap: 24px;
  --layout-form-field-gap: 16px;
  --layout-content-max-width: 640px;
  --radius-card: 16px;
  --radius-button: 999px;
  --radius-text-field: 12px;
  --radius-chip: 8px;
  --radius-dialog: 28px;
  --border-default: 1px;
  --border-focus: 2px;
  --button-height: 48px;
  --button-padding-h: 24px;
  --field-min-height: 56px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #17130D;
    --surface-container-low: #201B15;
    --surface-container: #241F18;
    --surface-container-high: #2F2922;
    --on-surface: #ECE1D6;
    --on-surface-variant: #D4C4B2;
    --primary: #A9CAED;
    --on-primary: #0D334F;
    --primary-container: #284967;
    --on-primary-container: #CFE5FF;
    --outline: #9D8E7E;
    --outline-variant: #504537;
    --error: #FFB4AB;
    --on-error: #690005;
    --error-container: #93000A;
    --on-error-container: #FFDAD6;
    --inverse-surface: #ECE1D6;
    --on-inverse-surface: #352F29;
  }
}