:root {
  --bg: #F7F5FF;
  --surface: #FFFFFF;
  --text: #0F172A;
  --muted: #6B7280;
  --primary: #8C5BFF;
  --accent: #AA88FF;
  --radius: 16px;
  --shadow: 0 8px 24px rgba(12,10,20,0.06);
}

.theme-dark {
  --bg: #0D0A17;
  --surface: rgba(255,255,255,0.03);
  --text: #F5F5F7;
  --muted: #AAB2C0;
  --primary: #A970FF;
  --accent: #C67CFF;
  --radius: 20px;
  --shadow: 0 10px 30px rgba(100,50,255,0.08);
}