/* ============================================================
   BALTAZAR DENTAL — Dark Mode
   Toggled by darkmode.js via [data-theme="dark"] on <html>.
   Overrides the same CSS variables app.css already uses, so no
   other selectors need to change.
   ============================================================ */

:root[data-theme="dark"] {
  --bg-base: #0F1115;
  --bg-elevated: #1B1E24;
  --bg-card: #14161B;

  --border-soft: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.32);

  --gold: #E9CE7A;
  --golden: #21212104;
  --gold-soft: #D4AF37;
  --gold-dim: rgba(233, 206, 122, 0.18);
  --gold-dimer: rgba(233, 205, 122, 0);
  --gold-dimerr: rgba(35, 35, 35, 0.399);;

  --text-primary: #F2F2F0;
  --text-secondary: #C7C7C2;
  --text-muted: rgba(242, 242, 240, 0.6);

  --card-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.65);
}

:root[data-theme="dark"] .date-btn.active {
  color: #14161B;
}

:root[data-theme="dark"] .btn-primary {
  color: #14161B;
}