/* RainbowSpace - Thèmes clair / sombre */
[data-theme="light"], [data-theme="auto"] {
  --bg: #fff8fc;
  --bg-card: #ffffff;
  --bg-muted: #f5f0ff;
  --bg-input: #ffffff;
  --bg-nav: rgba(255, 248, 252, 0.92);
  --text: #2d2640;
  --text-muted: #6b5f7a;
  --border: rgba(180, 150, 220, 0.25);
  --accent-pink: #ff6b9d;
  --accent-pink-soft: #ffe0ed;
  --accent-purple: #9b5de5;
  --accent-purple-soft: #ede5ff;
  --gradient-hero: linear-gradient(135deg, #ffe0f0 0%, #e8d5ff 50%, #d5eeff 100%);
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #1a1525;
  --bg-card: #252033;
  --bg-muted: #2f2840;
  --bg-input: #2f2840;
  --bg-nav: rgba(26, 21, 37, 0.95);
  --text: #f5f0ff;
  --text-muted: #b8a8d0;
  --border: rgba(200, 170, 255, 0.15);
  --accent-pink: #ff8fb8;
  --accent-pink-soft: #4a2a3a;
  --accent-purple: #c9a0ff;
  --accent-purple-soft: #3a2a50;
  --gradient-hero: linear-gradient(135deg, #2a1f35 0%, #1f2835 100%);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --bg: #1a1525;
    --bg-card: #252033;
    --bg-muted: #2f2840;
    --bg-input: #2f2840;
    --bg-nav: rgba(26, 21, 37, 0.95);
    --text: #f5f0ff;
    --text-muted: #b8a8d0;
    --border: rgba(200, 170, 255, 0.15);
    --accent-pink: #ff8fb8;
    --accent-pink-soft: #4a2a3a;
    --accent-purple: #c9a0ff;
    --accent-purple-soft: #3a2a50;
    --gradient-hero: linear-gradient(135deg, #2a1f35 0%, #1f2835 100%);
    color-scheme: dark;
  }
}

body { background: var(--bg); color: var(--text); }