/* =========================================================
   DARK MODE — [data-theme="dark"]
   ========================================================= */
[data-theme="dark"]{
  --color-bg:#111008;
  --color-surface:#1B1811;
  --color-surface-2:#221E15;
  --color-ink:#F1E9D4;
  --color-ink-soft:#D3C8AF;
  --color-muted:#9C9280;
  --color-border:#3A3424;
  --color-gold:#D8B978;
  --color-gold-dark:#E8CC94;
  --color-gold-light:#F1E2BC;
  --color-black:#0A0906;
}

[data-theme="dark"] body{ background:var(--color-bg); color:var(--color-ink); }

[data-theme="dark"] .site-header{
  background:rgba(17,16,8,0.9);
  border-bottom-color:var(--color-border);
}

[data-theme="dark"] .btn-primary{ background:var(--color-gold); color:#141210; border-color:var(--color-gold); }
[data-theme="dark"] .btn-primary:hover{ background:var(--color-gold-light); border-color:var(--color-gold-light); }
[data-theme="dark"] .btn-outline{ border-color:var(--color-ink-soft); color:var(--color-ink); }
[data-theme="dark"] .btn-outline:hover{ background:var(--color-ink); color:var(--color-bg); }

[data-theme="dark"] .icon-btn{ border-color:var(--color-border); color:var(--color-ink); }
[data-theme="dark"] .icon-btn:hover{ background:var(--color-gold); color:#141210; border-color:var(--color-gold); }
[data-theme="dark"] .icon-btn.active{ background:var(--color-gold); color:#141210; }

[data-theme="dark"] .card,
[data-theme="dark"] .tier,
[data-theme="dark"] .form-card,
[data-theme="dark"] .tile,
[data-theme="dark"] table.matrix{
  background:var(--color-surface);
  border-color:var(--color-border);
}

[data-theme="dark"] .tier--featured{ background:#000; border-color:var(--color-gold); }

[data-theme="dark"] .field input,
[data-theme="dark"] .field select,
[data-theme="dark"] .field textarea{
  background:var(--color-surface);
  border-color:var(--color-border);
  color:var(--color-ink);
}

[data-theme="dark"] .section--surface{ background:var(--color-surface-2); }

[data-theme="dark"] .site-footer{ background:#000; }

[data-theme="dark"] table.matrix thead th{ background:#000; }
[data-theme="dark"] table.matrix tbody th{ background:var(--color-surface-2); }

[data-theme="dark"] .form-success-banner{ background:#173017; color:#B7D8B7; border-color:#2C4A2C; }

[data-theme="dark"] ::selection{ background:var(--color-gold); color:#141210; }


/* =========================================================
   DARK MODE — new components (dashboards, accordion, gallery,
   flip cards, timeline, toasts)
   ========================================================= */
[data-theme="dark"] .metric-card,
[data-theme="dark"] .vendor-card,
[data-theme="dark"] .gala-card,
[data-theme="dark"] .console-card,
[data-theme="dark"] .curtain-card,
[data-theme="dark"] .comms-msg,
[data-theme="dark"] .director-card,
[data-theme="dark"] .telemetry-row,
[data-theme="dark"] .countdown-unit,
[data-theme="dark"] .flip-card-front{
  background:var(--color-surface); border-color:var(--color-border);
}
[data-theme="dark"] .seal-strip{ background:#000; }
[data-theme="dark"] .dash-tabs{ background:rgba(10,9,6,0.92); }
[data-theme="dark"] .day-tab.active,
[data-theme="dark"] .dash-tab.active,
[data-theme="dark"] .dash-tab:hover{ background:var(--color-gold); color:#141210; }
[data-theme="dark"] .pill-success{ background:rgba(154,211,154,0.1); border-color:rgba(154,211,154,0.28); }
[data-theme="dark"] .pill-warning{ background:rgba(232,204,148,0.14); border-color:rgba(232,204,148,0.3); }
[data-theme="dark"] .pill-info{ background:rgba(159,194,214,0.12); border-color:rgba(159,194,214,0.28); }
[data-theme="dark"] .story-dot{ background:var(--color-surface); }
[data-theme="dark"] .accordion,
[data-theme="dark"] .accordion-item{ border-color:var(--color-border); }
[data-theme="dark"] .gallery-item{ border-color:var(--color-border); }
[data-theme="dark"] .toast{ background:#000; }