/* GENERATED from design/tokens.json — do not edit. */
:root {
  --color-black: #0A0A0A;
  --color-off-white: #F5F5F5;
  --color-steel-grey: #2B2B2B;
  --color-cold-grey: #A0A0A0;
  --color-mid-grey: #5F5F5F;
  --color-deep-olive: #38402F;
  --color-line-on-light: rgba(10,10,10,0.16);
  --color-line-on-dark: rgba(245,245,245,0.18);
  --font-family-display: "SSC Display", Bahnschrift, "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-family-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-micro: 11px;
  --font-size-small: 13px;
  --font-size-body: 16px;
  --font-size-lead: 19px;
  --font-size-title: 28px;
  --font-tracking-display: 0.01em;
  --font-tracking-label: 0.2em;
  --font-tracking-wordmark: 0.28em;
  --font-leading-display: 0.9;
  --font-leading-body: 1.55;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --size-container: 1360px;
  --size-header: 64px;
  --size-tabbar: 60px;
  --size-touch: 44px;
  --size-control: 52px;
  --radius-none: 0px;
  --border-hairline: 1px;
  --breakpoint-md: 720px;
  --breakpoint-lg: 1024px;
  --motion-fast: 150ms;
  --motion-base: 320ms;
  --motion-ease: cubic-bezier(0.2, 0.75, 0.2, 1);
}