:root {
  --bg: #0f1729;
  --surface: #172239;
  --surface-2: #1e2c48;
  --border: #2a3a5c;
  --text: #e8eef8;
  --text-muted: #9aa8c4;
  --text-faint: #6b7a99;
  --accent: #2fc1e8;
  --accent-2: #1e88e5;
  --accent-soft: rgba(47, 193, 232, 0.14);
  --accent-glow: 0 0 24px rgba(47, 193, 232, 0.35);
  --green: #66bb6a;
  --green-soft: rgba(67, 160, 71, 0.22);
  --amber: #ffb74d;
  --amber-soft: rgba(251, 140, 0, 0.22);
  --red: #ef5350;
  --red-soft: rgba(229, 57, 53, 0.22);
  --m-green: #43a047;
  --m-purple: #8e24aa;
  --m-slate: #546e7a;
  --m-pink: #e91e63;
  --m-orange: #fb8c00;
  --m-teal: #26a69a;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --font: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}