/* ============================================================
   TNSMJ — Theme B: Sacred Night (dark luxury)
   Midnight green + gold leaf. Override layer only.
   ============================================================ */

html[data-theme="night"] {
  --parchment: #0B120E;
  --parchment-deep: #080E0B;
  --ink: #F0E9D8;
  --green: #3E8F66;
  --green-deep: #0F241A;
  --green-soft: #55A57D;
  --crimson: #B03A3A;
  --crimson-deep: #7A2222;
  --gold: #D9AC3A;
  --gold-soft: #F0D07E;
  --gold-pale: #33301C;
  --stone: #ABA392;
  --stone-light: #6E675A;
  --white: #121C16;
  --rule: 1px solid rgba(240, 233, 216, 0.16);
  --rule-gold: 1px solid rgba(217, 172, 58, 0.5);
  --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.5);
  --radius: 10px;
  --radius-lg: 16px;
  --surface-glass: rgba(18, 28, 22, 0.82);
}

/* patch the few ink-hardcoded rules */
html[data-theme="night"] .btn--outline { border-color: rgba(240, 233, 216, 0.45); }
html[data-theme="night"] .btn--outline:hover {
  border-color: var(--gold);
  background: rgba(217, 172, 58, 0.08);
}
html[data-theme="night"] .card,
html[data-theme="night"] .form-grid input,
html[data-theme="night"] .form-grid textarea { border-color: rgba(240, 233, 216, 0.22); }
html[data-theme="night"] .gallery-grid button { border-color: rgba(240, 233, 216, 0.22); }
html[data-theme="night"] .mosque-list li { border-color: rgba(240, 233, 216, 0.14); }

/* dark theme keeps photos rich; deepen only chrome */
html[data-theme="night"] .site-header { background: rgba(11, 18, 14, 0.88); }
html[data-theme="night"] .page-hero { background:
  radial-gradient(1200px 500px at 80% -10%, rgba(217, 172, 58, 0.10), transparent 60%),
  linear-gradient(180deg, #0F1A13 0%, var(--parchment) 100%); }
html[data-theme="night"] .support-band,
html[data-theme="night"] .section--crimson { background: var(--crimson-deep); }
html[data-theme="night"] .bismillah { background: var(--green-deep); }
html[data-theme="night"] .site-footer { background: #070C09; }