:root {
  --bg: #0f1220;
  --bg-alt: #0b0d18;
  --card-bg: #171a2b;
  --accent: #5ddcff;
  --header-bg: rgb(159, 171, 227); /*rgba(93, 220, 255, 0.3);*/
  --footer-bg: rgba(23, 26, 43, 0.5);
  --accent-soft: rgba(93, 220, 255, 0.15);
  --title-text: #0C0E19; 
  --subtitle-text: #39416e; 
  --text: #e8e9f1;
  --muted: #a4a6c1;
  --radius: 14px;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.45);
  --border-subtle: rgba(255, 255, 255, 0.06);
}

[data-theme="light"] {
  --bg: #f4f6fb;
  --bg-alt: #e7ebf6;
  --header-bg: rgb(93, 220, 255, 0.5);
  --footer-bg: rgba(248, 248, 248, 0.5);
  --card-bg: #ffffff;
  --accent: #1769ff;
  --accent-soft: rgba(23, 105, 255, 0.16);
  --text: #1a1d2b;
  --muted: #4a4f6a;
  --shadow: 0 10px 30px rgba(24, 32, 56, 0.12);
  --shadow-hover: 0 16px 36px rgba(24, 32, 56, 0.2);
  --border-subtle: rgba(0, 0, 0, 0.08);
}