/* generated by duit tokens build — do not edit */

:root {
  --border-hairline: 1px;
  --color-accent-base: #24363F;
  --color-brand-blue: #2E7CF6;
  --color-brand-green: #0FA05A;
  --color-brand-yellow: #F2A900;
  --color-grey-line: #ECEDEE;
  --color-stroke-on-dark: #EDEDED5C;
  --color-surface-dark: #0A0A0A;
  --color-surface-light: #FAFAFA;
  --color-text-muted-on-light: #5E6366;
  --color-text-on-dark: #EDEDED;
  --color-text-on-light: #0A0A0A;
  --font-family-label: Lato, system-ui, sans-serif;
  --font-family-text: Switzer, system-ui, sans-serif;
  --font-size-body: 16px;
  --font-size-display: 72px;
  --font-size-headline: 48px;
  --font-size-label: 13px;
  --font-size-lead: 20px;
  --font-size-title: 32px;
  --font-tracking-caps: 0.3em;
  --font-tracking-label: 0.2em;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --motion-duration-base: 400ms;
  --motion-duration-fast: 150ms;
  --motion-duration-slow: 900ms;
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --radius-none: 0px;
  --radius-pill: 999px;
  --radius-sm: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 104px;
  --space-8: 168px;
}