:root {
  --color-ember-orange: #ff4f2b;
  --color-void-black: #000000;
  --color-carbon: #1a1a1a;
  --color-graphite-border: #3c3c3c;
  --color-steel-mid: #737373;
  --color-fog-light: #bfbfbf;
  --color-bone-white: #f5f5f5;

  --font-display: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --text-caption: 14px;
  --text-body: 16px;
  --text-subheading: 18px;
  --text-heading-sm: 24px;
  --text-heading: 36px;
  --text-heading-lg: 48px;
  --text-display: 72px;
  --text-display-lg: 96px;

  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-80: 80px;
  --spacing-92: 92px;
  --spacing-180: 180px;

  --radius-none: 0;
  --container-max: 1200px;
  --nav-height: 72px;
}