/* Round 2 colour scheme: Paper (light) + Midnight (dark) */
:root{
  --bg:#FBFAF8; --panel:#FFFFFF; --frame:#F4F2EE; --ink:#0A1628; --ink2:#3E4859; --muted:#6A7282; --line:#E6E2DC; --acc:#640212;
  --btn:#640212; --btn-ink:#FFFFFF; --outline:#D9D4CC; --card:rgba(255,255,255,.94); --grid:rgba(10,22,40,.045); --shadow:0 14px 34px rgba(10,22,40,.10);
  --t1:#F1F2F5; --t2:#F6F4F0; --t3:#F7EFEF; --t4:#0A1628; --t4ink:#FBFAF8; --q:#0A1628; --qink:#FBFAF8;
}
:root[data-mode="night"]{
  --bg:#07101F; --panel:#0A1426; --frame:#050C18; --ink:#EEF2F8; --ink2:#B6C1D3; --muted:#8E9BB2; --line:#17223A; --acc:#F08A97;
  --btn:#9E1B2D; --btn-ink:#FFFFFF; --outline:#24314D; --card:rgba(10,20,38,.92); --grid:rgba(238,242,248,.04); --shadow:0 14px 34px rgba(0,0,0,.5);
  --t1:#0E1A30; --t2:#101D35; --t3:#1A1628; --t4:#050C18; --t4ink:#EEF2F8; --q:#101D35; --qink:#EEF2F8;
}
/* two-tone headline, as in Round 2 */
.h-acc{color:var(--acc)}
:root[data-mode="night"] .h-acc{color:#F08A97}
/* cards + art panels: cool porcelain instead of warm stone */
.sector-art{background:#F1F2F5}
.sector-card:nth-child(even) .sector-art{background:#F6F4F0}
:root[data-mode=night] .sector-art{background:#0E1A30}
:root[data-mode=night] .sector-card:nth-child(even) .sector-art{background:#121F38}
/* soft glass header, like Round 2's floating nav */
.site-header{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.hero{box-shadow:var(--shadow);border-color:var(--line)}
.btn.primary{box-shadow:0 6px 16px color-mix(in srgb,var(--btn) 28%,transparent)}
.btn.primary:hover{filter:brightness(1.12)}
.quote .qf :focus-visible{outline-color:#F08A97}
dialog::backdrop{background:#0A162880}
.status-pill{background:#E3F2E8;color:#17663A}
.site-header nav a.nav-transport i{background:var(--acc)}
.eotm-photo{background:linear-gradient(160deg,var(--t3),var(--t1))}
.cal-day.open::after{background:var(--acc)}

/* quote bar under the hero: inverted colours so it stands out */
:root:not([data-mode="night"]) .quick-start{--panel:#0A1628;--bg:#12213C;--frame:#0A1628;--ink:#EEF2F8;--ink2:#B6C1D3;--muted:#8E9BB2;--line:#1E2C47;--outline:#2F3F5E;--acc:#F08A97;--btn:#9E1B2D;--btn-ink:#FFFFFF;color-scheme:dark}
:root[data-mode="night"] .quick-start{--panel:#FBFAF8;--bg:#FFFFFF;--frame:#F4F2EE;--ink:#0A1628;--ink2:#3E4859;--muted:#6A7282;--line:#E6E2DC;--outline:#D9D4CC;--acc:#640212;--btn:#640212;--btn-ink:#FFFFFF;color-scheme:light}
.quick-start{background:var(--panel);color:var(--ink);border-top-color:var(--panel)}

/* quote bar v2: light but prominent (replaces the inverted bar) */
:root:not([data-mode="night"]) .quick-start{--panel:#F8F1F0;--bg:#FFFFFF;--frame:#F8F1F0;--ink:#0A1628;--ink2:#4A5366;--muted:#6A7282;--line:#EBDDDC;--outline:#E0CCCB;--acc:#640212;--btn:#640212;--btn-ink:#FFFFFF;color-scheme:light}
:root[data-mode="night"] .quick-start{--panel:#0F1D36;--bg:#13254A;--frame:#0F1D36;--ink:#EEF2F8;--ink2:#B6C1D3;--muted:#8E9BB2;--line:#233455;--outline:#304466;--acc:#F08A97;--btn:#9E1B2D;--btn-ink:#FFFFFF;color-scheme:dark}
.quick-start{border-top:3px solid var(--acc);padding-top:22px}
.quick-start #quick-quote{box-shadow:0 12px 30px color-mix(in srgb,var(--acc) 12%,transparent),0 1px 0 rgba(255,255,255,.6) inset}

/* softer divider between hero and quote bar */
.quick-start{border-top:1px solid color-mix(in srgb,var(--acc) 18%,var(--line));padding-top:22px}
