:root {
  --colors-bg: #1e2127;
  --colors-surface: #282c34;
  --colors-text: #abb2bf;
  --colors-muted: #5c6370;
  --colors-accent: #61afef;
  --colors-accent-contrast: #282c34;
  --colors-border: #373c43;
  --typography-body-family: 'Segoe UI', sans-serif;
  --typography-heading-family: 'Georgia', serif;
  --typography-font-size: 16px;
  --spacing-container: 72rem;
  --spacing-section: 4rem;
  --radius-card: 24px;
  --radius-button: 999px;
  --shadows-card: 0 18px 45px rgba(0, 0, 0, 0.30);
}