/* Generated from packages/design-tokens/tokens.json by scripts/design-tokens.mjs. Do not edit. */
:root {
  --type-display: 30px;
  --type-title: 22px;
  --type-headline: 18px;
  --type-body-large: 17px;
  --type-body: 15px;
  --type-small: 13px;
  --type-eyebrow: 11px;
  --text-overline: var(--type-eyebrow);
  --text-caption: var(--type-small);
  --text-sub: var(--type-small);
  --text-body: var(--type-body);
  --text-lead: var(--type-body-large);
  --text-section: var(--type-headline);
  --text-title: var(--type-title);
  --text-display: var(--type-display);
  --text-hero: var(--type-display);
  --text-quote: var(--type-title);
  --page-size: 18px;
  --page-size-compact: 17px;
  --page-leading: 1.7;
  --page-paragraph-gap: 0.9em;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --radius-control: 10px;
  --radius-card: 14px;
  --radius-menu: 16px;
  --radius-alert: 18px;
  --radius-sheet: 20px;
  --radius-pill: 999px;
  --control-min-height: 44px;
  --control-row-height: 48px;
  --menu-padding: 6px;
  --menu-item-height: 44px;
  --menu-item-padding-x: 12px;
  --menu-min-width: 220px;
  --menu-text: 15px;
  --menu-heading: 13px;
  --menu-icon: 16px;
  --popover-padding: 12px;
  --popover-radius: 16px;
  --popover-width: 328px;
  --sheet-padding: 24px;
  --sheet-title: 17px;
  --sheet-text: 15px;
  --sheet-gap: 16px;
  --alert-width: 320px;
  --alert-padding: 20px;
  --alert-title: 17px;
  --alert-message: 13px;
  --alert-button-height: 46px;
  --alert-button: 17px;
  --notice-text: 13px;
  --notice-padding-x: 12px;
  --notice-padding-y: 4px;
}