:root {
  --bg: #ffffff;
  --ink: #171717;
  --ink-2: #5c5c5c;
  --ink-3: #9a9a9a;
  --line: #e6e6e6;
  --grid: #efefef;
  --accent: #214afe;

  /* Palette */
  --blue: #214afe;
  --sky: #8fdcff;
  --orange: #fe4727;
  --yellow: #faed01;

  --font-sans: "Geist", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  /* Heading and accent font. To switch the whole site from CS Robert to Geist Pixel,
     replace "CS Robert" with "Geist Pixel Square" on the next two lines. */
  --font-display: "CS Robert", "Geist", Helvetica, Arial, sans-serif;
  --font-pixel: "CS Robert", "Geist Pixel Square", "GeistPixel-Square", ui-monospace, monospace;
  --font-pixel-geist: "Geist Pixel Square", "GeistPixel-Square", ui-monospace, monospace;

  /* Weight of running text in Geist. The font is variable, so any value from 100 to 900
     works: 400 is regular, 300 is light. */
  --weight-body: 300;
  /* Bold words inside running text, and sub-headings: a step up, not a jump */
  --weight-strong: 450;

  --text-body: 1.0625rem;
  --leading-body: 1.6;
  --leading-headline: 1.02;
  --tracking-headline: -0.045em;
  --tracking-tight: -0.05em;
  --tracking-title: -0.03em;
  --tracking-mono: 0.06em;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;

  /* Side gutter: 5% of the width, growing on very wide screens so content
     never spreads past about 1760px */
  --page-pad: max(5vw, calc((100vw - 1760px) / 2));
  --measure-hero: 1500px;
  --radius: 0;
  --hairline: 1px;
}