/* theme.css — global CSS variables (dark default; light stub) */

:root {
  /* shared scales */
  --radius: 18px;
  --radius-sm: 14px;
  --shadow-lg: 0 18px 50px rgba(0,0,0,.45);
  --shadow-md: 0 10px 30px rgba(0,0,0,.35);
  --purple: #6A0DAD; /* brand */
  --gold:   #FFD700; /* accent */
}

/* —— Phase 3.5: Slightly lighter top glow —————————————————————————— */
/* Bump purple glow opacity just a bit to “lighten” the gradient without making it bright */

body[data-theme="dark"]{
  --bg: #0b0b0d;
  --panel: #121217;
  --text: #f2f2f7;
  --muted: #a1a1aa;
  --line: rgba(255,215,0,.55);
  /* was: rgba(106,13,173,.35) */
  --glow: rgba(106,13,173,.38); /* Phase 3.5: subtle lift for background gradient */
  --nav-inactive: #c6c6d0;
}


body[data-theme="light"]{
  --bg: #f7f7fa;
  --panel: #ffffff;
  --text: #0c0c10;
  --muted: #5b5b66;
  --line: rgba(106,13,173,.50);
  --glow: rgba(106,13,173,.25);
  --nav-inactive: #6a6a78;
}