:root {
  --background: #050505;
  --text: #F5F5F5;
  --text-secondary: #C5C5C5;
  --text-legal: #ACACAC;
  --action-background: #F5F5F5;
  --action-text: #050505;
  --action-hover: #D8D8D8;
  --focus: #FFFFFF;
  --relief-stroke: #B8B8B8;
  --font-family: "Raleway", Arial, sans-serif;
  --weight-light: 300; --weight-bold: 700;
  --h1-min: 4.75rem; --h1-fluid: 7.25vw; --h1-max: 7.75rem;
  --h1-mobile-min: 2.1875rem; --h1-mobile-fluid: 11vw; --h1-mobile-max: 4.5rem;
  --h1-leading: 1.01; --h1-mobile-leading: 1.08; --h1-tracking: -0.045em;
  --subline-size: 1.5rem; --subline-wide-size: 1.625rem; --subline-mobile-size: 1.1875rem; --subline-leading: 1.4;
  --body-size: 1.0625rem; --body-wide-size: 1.125rem; --body-mobile-size: 1rem; --body-leading: 1.55;
  --legal-size: 0.875rem; --legal-leading: 1.5; --cta-size: 0.9375rem; --cta-tracking: 0.01em;
  --gutter: 5rem; --gutter-tablet: 3rem; --gutter-mobile: 1.5rem; --gutter-small: 1.25rem;
  --max-content: 110rem; --headline-max: 76.25rem; --body-max: 38.75rem; --subline-max: 57.5rem;
  --logo-width: 14.375rem; --logo-wide-width: 16.25rem; --logo-mobile-width: 11.875rem;
  --header-top: 2.5rem; --header-mobile-top: 1.75rem; --footer-bottom: 1.75rem; --footer-mobile-bottom: 1.5rem;
  --main-bottom: 3.5rem; --main-mobile-bottom: 2rem;
  --action-height: 3.5rem; --action-mobile-height: 3.25rem; --action-width: 14.5rem; --action-padding: 24px; --action-radius: 2px; --action-icon: 1.125rem; --action-gap: 24px;
  --focus-width: 2px; --focus-offset: 4px; --feedback-time: 160ms; --arrow-shift: 3px;
}