:root {
  /* palette */
  --color-neutral-900: #09090b;
  --color-neutral-50: #ffffff;
  --color-neutral-500: #71717a;
  --color-neutral-100: #e4e4e7;
  --color-neutral-950: #000000;
  --color-neutral-800: #18181b;

  /* surfaces */
  --surface-0: #ffffff;
  --surface-1: #e4e4e7;
  --surface-2: #71717a;
  --surface-3: #18181b;
  --surface-4: #09090b;
  --surface-5: #000000;

  /* type scale */
  --text-display: 141.12px;
  --leading-display: 1.02;
  --tracking-display: -7.056px;
  --text-h3: 24px;
  --leading-h3: 1.33;
  --tracking-h3: -0.144px;
  --text-h2: 20px;
  --leading-h2: 1.4;
  --tracking-h2: -0.5px;
  --text-body: 16px;
  --leading-body: 1.5;
  --tracking-body: nullpx;
  --text-link: 14px;
  --leading-link: 1.71;
  --tracking-link: nullpx;
  --text-ui-action: 14px;
  --leading-ui-action: 1.71;
  --tracking-ui-action: nullpx;
  --text-ui-input: 14px;
  --leading-ui-input: 1.71;
  --tracking-ui-input: nullpx;

  /* font families */
  --font-inter: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-apple-color-emoji: "Apple Color Emoji", ui-sans-serif, system-ui, sans-serif;

  /* radii */
  --radius-none: 0;
  --radius-full: 9999px;
  --radius-sm: 4px;

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