:root {
  --color-black: #171715;
  --color-black-deep: #0b0b0a;
  --color-graphite: #232321;
  --color-yellow: #edb315;
  --color-yellow-bright: #fcc31c;
  --color-yellow-hover: #dfa70f;
  --color-white: #f8f8f8;
  --color-white-pure: #ffffff;
  --color-text: #171715;
  --color-text-light: #ffffff;
  --color-text-muted: #5c5b59;
  --color-border: #d8d8d4;
  --color-border-dark: #444440;
  --color-error: #c83b32;
  --container-width: 1180px;
  --container-padding: 20px;
  --radius-small: 3px;
  --radius-medium: 5px;
  --transition-fast: 180ms ease;
  --transition-medium: 280ms ease;
  --font-heading: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Inter", "Segoe UI", Arial, sans-serif;
}