:root {
  --color-ink: #07080B;
  --color-ink-text: #0B0C10;
  --color-paper: #F4F2EE;
  --color-orange-stage: #FF6A1A;
  --color-orange-page: #E03A00;
  --color-muted-light: #5E5C57;
  --color-muted-dark: #A09D97;
  --color-line-light: rgba(11,12,16,0.10);
  --color-line-dark: rgba(244,242,238,0.12);
  --font-sans: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --type-display-weight: 800;
  --type-display-size: 124px;
  --type-display-size-mobile: 58px;
  --type-display-line: 0.9;
  --type-display-tracking: -0.045em;
  --type-h1-weight: 800;
  --type-h1-size: 68px;
  --type-h1-size-mobile: 40px;
  --type-h1-line: 0.95;
  --type-h1-tracking: -0.04em;
  --type-h2-weight: 800;
  --type-h2-size: 40px;
  --type-h2-size-mobile: 28px;
  --type-h2-line: 1.0;
  --type-h2-tracking: -0.035em;
  --type-h3-weight: 700;
  --type-h3-size: 26px;
  --type-h3-size-mobile: 22px;
  --type-h3-line: 1.1;
  --type-h3-tracking: -0.02em;
  --type-body-l-weight: 400;
  --type-body-l-size: 18px;
  --type-body-l-size-mobile: 18px;
  --type-body-l-line: 1.5;
  --type-body-l-tracking: 0em;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-size-mobile: 15px;
  --type-body-line: 1.55;
  --type-body-tracking: 0em;
  --type-label-weight: 600;
  --type-label-size: 12px;
  --type-label-size-mobile: 11px;
  --type-label-line: 1.2;
  --type-label-tracking: 0.14em;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-ui: 200ms;
  --dur-reveal: 500ms;
  --dur-sting: 1500ms;
}