:root {
  --primary: #185fa5;
  --primary-dark: #0c447c;
  --primary-light: #e6f1fb;
  --accent: #1d9e75;
  --danger: #e24b4a;
  --warning: #ef9f27;

  --bg: #f4f6fb;
  --surface: #ffffff;
  --surface-2: #f8f9fc;
  --border: rgba(0,0,0,0.1);
  --border-strong: rgba(0,0,0,0.18);

  --text-1: #111827;
  --text-2: #4b5563;
  --text-3: #9ca3af;

  --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: 'Fira Code', monospace;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.13);

  --nav-h: 62px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f1117;
    --surface: #1a1d27;
    --surface-2: #22263a;
    --border: rgba(255,255,255,0.08);
    --border-strong: rgba(255,255,255,0.15);
    --text-1: #f1f3f9;
    --text-2: #9ca3af;
    --text-3: #4b5563;
    --primary-light: #0c2040;
  }
}