:root {
  /* palette */
  --color-neutral-900: #121212;
  --color-neutral-50-1: #ffffff;
  --color-neutral-950: #000000;
  --color-neutral-600: #5a5a5a;
  --color-neutral-700: #333333;
  --color-blue-700: #2d3748;
  --color-neutral-500: #727272;
  --color-neutral-100-1: #e1e7ee;
  --color-neutral-200: #c7c7c7;
  --color-neutral-50-2: #f8f8f8;
  --color-neutral-100-2: #edf2f7;
  --color-neutral-400: #8b8b8b;
  --color-neutral-100-3: #dfdfdf;
  --color-neutral-100-4: #ebebeb;

  /* surfaces */
  --surface-0: #ffffff;
  --surface-1: #edf2f7;
  --surface-2: #dfdfdf;

  /* type scale */
  --text-body: 16px;
  --leading-body: 1;
  --tracking-body: nullpx;
  --text-display: 16px;
  --leading-display: 1;
  --tracking-display: nullpx;
  --text-h2: 16px;
  --leading-h2: 1;
  --tracking-h2: nullpx;
  --text-link: 14px;
  --leading-link: 1.4;
  --tracking-link: nullpx;
  --text-ui-action: 14px;
  --leading-ui-action: 1.4;
  --tracking-ui-action: nullpx;
  --text-h3: 13px;
  --leading-h3: 1.15;
  --tracking-h3: nullpx;

  /* font families */
  --font-times-new-roman: "Times New Roman", ui-sans-serif, system-ui, sans-serif;
  --font-nyt-franklin: "nyt-franklin", ui-sans-serif, system-ui, sans-serif;
  --font-nyt-cheltenham: "nyt-cheltenham", ui-sans-serif, system-ui, sans-serif;
  --font-nyt-imperial: "nyt-imperial", ui-sans-serif, system-ui, sans-serif;

  /* radii */
  --radius-none: 0;
  --radius-sm: 3px;

  /* spacing */
  --spacing-base: 1px;
}