/* Generated by tools/build-tokens.mjs from Figma variables. Do not edit by hand. */
:root {
  --ink: #000000;
  --ink-muted: #6E6E6E;
  --paper: #FFFFFF;
  --accent-hover: #2EA2E6;
  --accent-ditto: #5D1451;
  --placeholder: #EDEDED;
  --ink-soft: #333333;
  --ink-faint: #A3A3A3;
  --hairline: #DADADA;
  --surface-muted: #F1F1F1;
  --accent-robinhood: #CCFF00;
  --accent-theia: #101426;
  --space-5: 5px;
  --space-10: 10px;
  --space-20: 20px;
  --space-40: 40px;
  --space-80: 80px;
  --layout-margin: 10px;
  --layout-gutter: 10px;
  --layout-rail-width: 150px;
  --layout-info-width: 248px;
  --layout-section-gap: 80px;
  --layout-sticky-top: 34px;
  --layout-hairline: 0.5px;
  --font-size-display: 34px;
  --line-height-display: 44.2px;
  --font-size-display-hover: 40px;
  --line-height-display-hover: 52px;
  --font-size-body: 27.2px;
  --line-height-body: 35.36px;
  --font-size-caption: 17.6px;
  --line-height-caption: 22.88px;
  --font-size-micro: 11.2px;
  --line-height-micro: 14.56px;
  --type-hero-size: 52px;
  --type-hero-line: 45px;
  --type-heading-size: 32px;
  --type-heading-line: 32px;
  --type-body-size: 16px;
  --type-body-line: 19.2px;
  --type-nav-size: 17px;
  --type-nav-line: 20.4px;
  --type-label-size: 16px;
  --type-label-line: 19.2px;
  --type-crumb-size: 12px;
  --type-crumb-line: 14.4px;
  --type-outro-size: 40px;
  --type-outro-line: 52px;
}
@media (max-width: 479px) {
  :root {
    --layout-margin: 5px;
    --layout-gutter: 5px;
    --layout-rail-width: 100px;
    --layout-info-width: 380px;
    --layout-section-gap: 20px;
    --layout-sticky-top: 50px;
    --type-hero-size: 32px;
    --type-hero-line: 28px;
    --type-heading-size: 24px;
    --type-heading-line: 24px;
    --type-body-size: 17px;
    --type-body-line: 20.4px;
    --type-nav-size: 16px;
    --type-nav-line: 19.2px;
    --type-outro-size: 24px;
    --type-outro-line: 28px;
  }
}