:root {
  --color-bg: #0b1020;
  --color-text: #eef2ff;
  --color-muted: #c7d2fe;
  --color-primary: #a78bfa;
  --color-primary-contrast: #0b1020;
  --font-base: 'Open Sans', sans-serif;
  --font-heading: 'Poppins', sans-serif;
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-body: 16px;
  --fs-small: 12px;
  --font-size-base: 16px;
  --space-section: 48px;
  --space-card: 24px;
  --radius-card: 12px;
  --radius-button: 8px;
  --shadow-card: 0 4px 12px rgba(167,139,250,0.6);
}