/* 鏡 Mirror — Dark Theme */
body.dark-theme {
  --bg-cream: #1a1816;
  --bg-warm: #1e1c19;
  --surface-paper: #25211d;
  --surface-paper-deep: #1e1a17;
  --text-primary: #e8e0d4;
  --text-secondary: rgba(232,224,212,0.6);
  --text-hint: rgba(232,224,212,0.4);
  --accent-gold: #d4b896;
  --accent-gold-dim: #c8a87c;
  --accent-gold-light: rgba(212,184,150,0.3);
  --border-warm: rgba(200,168,124,0.2);
  --candle-warm: rgba(232,200,150,0.9);
  --whisper: rgba(200,180,150,0.6);
  --paper-soft: rgba(232,224,212,0.85);
  --paper-mute: rgba(232,224,212,0.5);
  --story-ink: #eee5d7;
  --story-muted: rgba(226,213,194,0.68);
  --accent-sage: #a3b0a8;
}

/* Splash */
body.dark-theme #splash { background: #1a1816; }
body.dark-theme .mirror-surface {
  background: radial-gradient(circle at 40% 38%, #2a2622 0%, #242018 50%, #1e1a16 100%);
  box-shadow: 0 0 60px rgba(200,168,124,0.15), 0 0 120px rgba(200,168,124,0.08);
  border-color: rgba(200,168,124,0.2);
}
body.dark-theme .mirror-char { color: rgba(232,224,212,0.6); }

/* Room background */
body.dark-theme .room { background: #1a1816; }

/* Transition veil */
body.dark-theme .transition-veil {
  background: radial-gradient(ellipse at 50% 50%, rgba(26,24,22,0.98) 0%, rgba(26,24,22,0.95) 100%);
}

/* Form inputs */
body.dark-theme .form-field input {
  background: rgba(200,168,124,0.06);
  color: var(--text-primary);
}

/* Buttons */
body.dark-theme .btn {
  color: var(--text-primary);
  border-color: rgba(200,168,124,0.3);
}
body.dark-theme .btn:hover {
  border-color: rgba(212,184,150,0.6);
  color: var(--accent-gold);
}

/* Topic buttons */
body.dark-theme .topic-btn {
  color: var(--text-primary);
  border-color: var(--border-warm);
}

/* User message bubble */
body.dark-theme .msg.user .bubble {
  background: rgba(200,168,124,0.08);
  border-right-color: rgba(200,168,124,0.2);
}

/* Noise overlay */
body.dark-theme .noise { opacity: .015; }

/* Dust particles */
body.dark-theme .dust { background: rgba(200,168,124,0.25); }

/* Toast */
body.dark-theme .toast-msg {
  background: rgba(245,240,230,0.95);
  color: #3a3530;
}

/* Privacy consent box */
body.dark-theme #privacyConsentBox {
  border-color: rgba(212,165,116,0.15);
  background: rgba(212,165,116,0.04);
}

/* Quiz options */
body.dark-theme .quiz-opt-btn {
  color: var(--text-primary);
  border-color: var(--border-warm);
}

/* Cards fullscreen */
body.dark-theme #cardsFullscreen {
  background: rgba(26,24,22,0.98);
}

/* Settings panel itself */
body.dark-theme .settings-panel {
  background: #1e1c19;
  border-left-color: rgba(200,168,124,0.15);
}

/* Onboarding overlay */
body.dark-theme .onboarding-overlay {
  background: rgba(26,24,22,0.85);
}
body.dark-theme .onboarding-card {
  background: #242018;
  border-color: rgba(200,168,124,0.15);
}

/* Mirror bubble text — brighter for readability */
body.dark-theme .msg.mirror .bubble {
  color: rgba(240,234,224,0.95);
}

/* Dialogue mode stays the same in dark theme */
body.dark-theme .room.dialogue-active {
  background: #1a1816 !important;
}

/* Version tag */
body.dark-theme .version-tag { color: rgba(232,224,212,0.15); }

/* Scrollbar */
body.dark-theme ::-webkit-scrollbar-thumb { background: rgba(200,168,124,0.15); }
body.dark-theme ::-webkit-scrollbar-track { background: transparent; }