:root {
  --bg: #07131f;
  --bg-2: #0a1928;
  --surface: #0e2234;
  --surface-2: #122b42;
  --card: rgba(17, 43, 66, 0.74);
  --card-light: #f6f9fc;
  --text: #f7fbff;
  --muted: #9db0c3;
  --ink: #0e1b27;
  --ink-muted: #607184;
  --primary: #176bff;
  --primary-2: #0a58d6;
  --cyan: #16d8e8;
  --cyan-2: #7af2f7;
  --silver: #aeb8c4;
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #38bdf8;
  --border: rgba(164, 196, 224, 0.16);
  --border-light: #dce6ef;
  --gradient-brand: linear-gradient(135deg, #176bff 0%, #16d8e8 100%);
  --gradient-dark: linear-gradient(135deg, #0a1928 0%, #0d2a43 55%, #0a1928 100%);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.26);
  --shadow-glow: 0 0 0 1px rgba(22, 216, 232, 0.16), 0 0 38px rgba(23, 107, 255, 0.18);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --content-max: 1180px;
}