/* Apple design tokens */
:root {
  --color-primary: #0066cc;
  --color-primary-focus: #0071e3;
  --color-primary-on-dark: #2997ff;
  --color-ink: #1d1d1f;
  --color-body: #1d1d1f;
  --color-body-on-dark: #ffffff;
  --color-body-muted: #cccccc;
  --color-ink-muted-80: #333333;
  --color-ink-muted-48: #7a7a7a;
  --color-divider-soft: #f0f0f0;
  --color-hairline: #e0e0e0;
  --color-canvas: #ffffff;
  --color-canvas-parchment: #f5f5f7;
  --color-surface-pearl: #fafafc;
  --color-surface-tile-1: #272729;
  --color-surface-tile-2: #2a2a2c;
  --color-surface-tile-3: #252527;
  --color-surface-black: #000000;
  --color-surface-chip-translucent: #d2d2d7;
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;
  --font-primary: SF Pro Display, system-ui, -apple-system, sans-serif;
  --font-family-2: SF Pro Text, system-ui, -apple-system, sans-serif;
  --text-hero-display: 56px;
  --leading-hero-display: 1.07;
  --tracking-hero-display: -0.28px;
  --text-display-lg: 40px;
  --leading-display-lg: 1.1;
  --tracking-display-lg: 0;
  --text-display-md: 34px;
  --leading-display-md: 1.47;
  --tracking-display-md: -0.374px;
  --text-lead: 28px;
  --leading-lead: 1.14;
  --tracking-lead: 0.196px;
  --text-lead-airy: 24px;
  --leading-lead-airy: 1.5;
  --tracking-lead-airy: 0;
  --text-tagline: 21px;
  --leading-tagline: 1.19;
  --tracking-tagline: 0.231px;
  --text-body-strong: 17px;
  --leading-body-strong: 1.24;
  --tracking-body-strong: -0.374px;
  --text-body: 17px;
  --leading-body: 1.47;
  --tracking-body: -0.374px;
  --text-dense-link: 17px;
  --leading-dense-link: 2.41;
  --tracking-dense-link: 0;
  --text-caption: 14px;
  --leading-caption: 1.43;
  --tracking-caption: -0.224px;
  --text-caption-strong: 14px;
  --leading-caption-strong: 1.29;
  --tracking-caption-strong: -0.224px;
  --text-button-large: 18px;
  --leading-button-large: 1;
  --tracking-button-large: 0;
  --text-button-utility: 14px;
  --leading-button-utility: 1.29;
  --tracking-button-utility: -0.224px;
  --text-fine-print: 12px;
  --leading-fine-print: 1;
  --tracking-fine-print: -0.12px;
  --text-micro-legal: 10px;
  --leading-micro-legal: 1.3;
  --tracking-micro-legal: -0.08px;
  --text-nav-link: 12px;
  --leading-nav-link: 1;
  --tracking-nav-link: -0.12px;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 17px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-section: 80px;
  --radius-none: 0px;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 18px;
  --radius-pill: 9999px;
  --radius-full: 9999px;
}