:root {
  --bg: #f3f5fb;
  --bg-elevated: rgba(255, 255, 255, 0.82);
  --surface: rgba(255, 255, 255, 0.72);
  --surface-strong: #ffffff;
  --text: #11203b;
  --text-muted: #5c6987;
  --accent: #2d6df6;
  --accent-strong: #1746b8;
  --accent-soft: rgba(45, 109, 246, 0.12);
  --border: rgba(112, 134, 185, 0.2);
  --shadow: 0 24px 80px rgba(20, 42, 90, 0.12);
  --gradient: linear-gradient(135deg, #eff4ff 0%, #f8fbff 44%, #eef5ff 100%);
  --gradient-strong: linear-gradient(135deg, #2d6df6 0%, #6eb6ff 100%);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --container: min(1120px, calc(100vw - 2rem));
}

:root[data-theme='dark'] {
  --bg: #09111f;
  --bg-elevated: rgba(13, 23, 40, 0.8);
  --surface: rgba(13, 23, 40, 0.74);
  --surface-strong: #0f1a2e;
  --text: #f5f7ff;
  --text-muted: #96a3c2;
  --accent: #78a5ff;
  --accent-strong: #aecdff;
  --accent-soft: rgba(120, 165, 255, 0.16);
  --border: rgba(132, 160, 226, 0.18);
  --shadow: 0 28px 84px rgba(0, 0, 0, 0.34);
  --gradient: linear-gradient(135deg, #09111f 0%, #0b1730 44%, #0f2143 100%);
  --gradient-strong: linear-gradient(135deg, #7ba7ff 0%, #53d8c3 100%);
}