:root {
  --color-black: #090b0d;
  --color-charcoal: #111315;
  --color-white: #ffffff;
  --color-neutral: #f6f6f4;
  --color-amber: #f5a800;
  --color-orange: #f36b21;
  --color-red: #e32620;
  --color-text: #151719;
  --color-muted: #64676b;
  --color-border: #e5e5e2;
  --font-sans: "Inter", Arial, sans-serif;
  --font-display: "Inter", Arial, sans-serif;
  --container-max: 1240px;
  --container-gutter: 24px;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7.5rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-sm: 0 8px 24px rgb(9 11 13 / 8%);
  --transition-base: 180ms ease;
}