:root {
  --bg-base: #0b0f19;
  --card-bg: rgba(16, 22, 34, 0.86);
  --card-border: rgba(255, 255, 255, 0.1);
  --accent-glow: #38bdf8;
  --accent-glow-subtle: rgba(56, 189, 248, 0.16);
  --text-main: #f1f5f9;
  --text-sub: #94a3b8;
  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

body[data-theme="tokyo-twilight"] {
  --bg-base: #0b0e17;
  --card-bg: rgba(18, 20, 36, 0.86);
  --card-border: rgba(99, 102, 241, 0.22);
  --accent-glow: #818cf8;
  --accent-glow-subtle: rgba(129, 140, 248, 0.18);
}

body[data-theme="kyoto-mist"] {
  --bg-base: #0a1314;
  --card-bg: rgba(14, 28, 27, 0.86);
  --card-border: rgba(52, 211, 153, 0.22);
  --accent-glow: #34d399;
  --accent-glow-subtle: rgba(52, 211, 153, 0.16);
}

body[data-theme="nordic-aurora"] {
  --bg-base: #07131b;
  --card-bg: rgba(10, 29, 38, 0.86);
  --card-border: rgba(56, 189, 248, 0.22);
  --accent-glow: #00E5FF;
  --accent-glow-subtle: rgba(0, 229, 255, 0.16);
}

body[data-theme="solaris-amber"] {
  --bg-base: #140d08;
  --card-bg: rgba(31, 18, 11, 0.86);
  --card-border: rgba(245, 158, 11, 0.24);
  --accent-glow: #f59e0b;
  --accent-glow-subtle: rgba(245, 158, 11, 0.18);
}