/* Dreem FireZone — site-wide light/dark theme.
   DARK is the default; html[data-fzl-theme="light"] flips the whole chrome. */

/* ---- theme variables (global so header/footer/sections all inherit) ---- */
html, html[data-fzl-theme="dark"]{
  --fzl-body:#0c1117;--fzl-body-2:#0a0e13;--fzl-card:#11171f;--fzl-border:#1e2733;
  --fzl-h2:#fff;--fzl-ink:#f1f5f9;--fzl-soft:#9aa7b4;--fzl-strong:#e8edf2;
  --fzl-band-border:#161d27;--fzl-grant-badge:#4ade80;
  --fzl-card-shadow:0 18px 44px -26px rgba(0,0,0,.75);--fzl-card-hover:0 26px 54px -26px rgba(0,0,0,.85)}
html[data-fzl-theme="light"]{
  --fzl-body:#f4f6f9;--fzl-body-2:#f6f8fb;--fzl-card:#fff;--fzl-border:#e6eaf0;
  --fzl-h2:#0f1620;--fzl-ink:#0f1620;--fzl-soft:#51616f;--fzl-strong:#1f2937;
  --fzl-band-border:#e6eaf0;--fzl-grant-badge:#15803d;
  --fzl-card-shadow:0 14px 34px -18px rgba(15,30,60,.22);--fzl-card-hover:0 22px 44px -20px rgba(15,30,60,.3)}

/* ---- floating toggle (global, every page) ---- */
.fzl-theme-toggle{position:fixed;left:18px;bottom:18px;z-index:9990;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;-webkit-appearance:none;appearance:none;
  display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);color:#fcd34d;
  background:rgba(20,26,33,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 12px 28px -8px rgba(0,0,0,.6);transition:transform .15s,background .2s,color .2s}
.fzl-theme-toggle:hover{transform:translateY(-2px)}
.fzl-theme-toggle svg{width:21px;height:21px}
.fzl-ic-sun{display:block}.fzl-ic-moon{display:none}
html[data-fzl-theme="light"] .fzl-theme-toggle{background:rgba(255,255,255,.92);color:#f97316;border-color:#e2e8f0;box-shadow:0 12px 28px -8px rgba(15,30,60,.28)}
html[data-fzl-theme="light"] .fzl-ic-sun{display:none}
html[data-fzl-theme="light"] .fzl-ic-moon{display:block}
@media (prefers-reduced-motion:reduce){.fzl-theme-toggle{transition:none}}

/* The header stays DARK in both modes — it forms one cinematic dark band with the
   hero below it (the white logo + light nav text read correctly on dark). Only the
   body content + footer toggle to light. */

/* ---- LIGHT MODE: footer ---- */
html[data-fzl-theme="light"] .site-footer,
html[data-fzl-theme="light"] .ast-small-footer,
html[data-fzl-theme="light"] .footer-sml-layout-1{background-color:#f1f4f8 !important;border-top:1px solid #e6eaf0}
html[data-fzl-theme="light"] .ast-footer-copyright,
html[data-fzl-theme="light"] .ast-footer-copyright p,
html[data-fzl-theme="light"] .site-info{color:#51616f !important}
html[data-fzl-theme="light"] .ast-footer-copyright strong{color:#1f2937 !important}
html[data-fzl-theme="light"] .ast-footer-copyright a{color:#0f1620 !important}

/* smooth the repaint when toggling */
.site-header,.site-footer,.ast-primary-header-bar{transition:background-color .25s ease,border-color .25s ease}