:root {
  --color-primary: #0057ff;
  --color-primary-hover: #0046cc;
  --color-secondary: #0a1a33;
  --color-secondary-soft: #12233f;
  --color-secondary-line: #1d3356;
  --color-bg: #eef2f8;
  --color-surface: #ffffff;
  --color-surface-dark: #1a2c4a;
  --color-text: #1a1a1a;
  --color-text-light: #ffffff;
  --color-text-muted: #6b7785;
  --color-text-on-primary: #ffffff;
  --font-base: 'Inter', sans-serif;
  --font-heading: 'Poppins', sans-serif;
  --font-size-base: 14px;
  --font-size-title: 30px;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow-primary: 0 4px 8px rgba(0,87,255,0.30);
}