/* Night Rain theme for every public page except the homepage (which carries its own styles).
   The older pages are built on a small set of colour variables, so the palette is remapped here once:
   navy -> night, teal -> amber, ice blue -> warm glow. Type moves to Outfit (titles) and Figtree (text).
   Loaded last in <head>; rules that must beat later in-body styles use a longer selector. */
:root{
  --deep:#05080e; --deep2:#0a1019; --panel:#111824;
  --teal:#f0b062; --ice:#ffd9a3;
  --text:#ece9e2; --muted:#a9b4c2; --faint:#74808f;
  --line:rgba(190,205,225,.16);
  --mx-accent:#f0b062; --mx-on-accent:#1a1005; --mx-bar-bg:rgba(5,8,14,.88);
  color-scheme:dark;
}
html body{background:#05080e;font-family:'Figtree','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
/* the old teal and blue glows become one faint warm light from above; the dot grid goes */
html body::before{background:radial-gradient(70% 46% at 50% 0%,rgba(240,176,98,.075),transparent 72%)}
html body::after{background-image:none}
html body h1,html body h2,html body h3,html body h4,html body .brand,html body .brand b{font-family:'Outfit','Figtree',system-ui,sans-serif;letter-spacing:-.012em}
html body h1{font-weight:200}
html body h2,html body h3,html body h4{font-weight:300}
html body .brand,html body .brand b{font-weight:400;letter-spacing:.01em}
html body nav:not(.spb-foot-links):not(.hub-grid){background:rgba(5,8,14,.84)}
html body ::selection{background:rgba(240,176,98,.35);color:#fff}
/* titles: the older pages name their own bold face on class selectors, so these must win outright */
html body h1,html body h2,html body h3,html body h4{font-family:'Outfit','Figtree',system-ui,sans-serif !important}
html body h1{font-weight:200 !important;letter-spacing:-.015em}
html body h2{font-weight:300 !important}
html body h3,html body h4{font-weight:400 !important}
/* buttons match the homepage: amber pill, plain type, no clipped corners */
html body .cta,html body a.cta,html body button.cta{font-family:'Figtree','DM Sans',sans-serif !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;border-radius:999px !important;clip-path:none !important;background:#f0b062 !important;color:#1a1005 !important;filter:none !important}
html body .cta:hover{background:#ffd9a3 !important;transform:none !important}
