/* Day91 colour theme, shared by every page.
   Load it as the LAST line inside <head> so it overrides each page's own colours.
   It only changes colours, type and shapes. It never changes layout or tool behaviour. */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&display=swap");
:root{
  /* both token families used across the site */
  --paper:#FFFAF1;--bg:#FFFAF1;--card:#FFFFFF;
  --ink:#16130F;--text:#16130F;--ink-2:#4B443A;--text-2:#4B443A;--muted:#766D60;
  --rule:#ECE2D0;--border:#ECE2D0;--chip:#F5EDDF;--chip-bg:#F5EDDF;
  --green:#127A46;--accent:#127A46;--green-soft:#D3F3E1;--green-ink:#FFFFFF;--accent-ink:#FFFFFF;
  --amber:#9C4F0B;--amber-soft:#FFE4C7;
  --deep:#16130F;--deep-2:#2C2620;--lime:#C9F26B;--on-deep:#FFF6E6;--on-deep-2:#CBC1B0;--deep-rule:#3B342A;
  --mint:#C8F1D8;--lav:#E1D9FF;--butter:#FFEB9E;--coral:#FFD2C4;--sky:#CDE6FF;--pink:#FFD8EA;--grape:#5B3FE0;
  --display:"Bricolage Grotesque","IBM Plex Sans",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#13110E;--bg:#13110E;--card:#1D1A16;--ink:#F7EFE2;--text:#F7EFE2;--ink-2:#D3C9B8;--text-2:#D3C9B8;--muted:#A39985;
  --rule:#332D25;--border:#332D25;--chip:#28231D;--chip-bg:#28231D;
  --green:#4BD58B;--accent:#4BD58B;--green-soft:#173828;--green-ink:#07130D;--accent-ink:#07130D;--amber:#F2AA5E;--amber-soft:#3B2A17;
  --deep:#0B0A08;--deep-2:#221E19;--deep-rule:#2E2922;
  --mint:#1B3A2A;--lav:#2A2450;--butter:#3A3115;--coral:#40231B;--sky:#192D45;--pink:#3B1F2F;--grape:#A895FF;color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#13110E;--bg:#13110E;--card:#1D1A16;--ink:#F7EFE2;--text:#F7EFE2;--ink-2:#D3C9B8;--text-2:#D3C9B8;--muted:#A39985;
  --rule:#332D25;--border:#332D25;--chip:#28231D;--chip-bg:#28231D;
  --green:#4BD58B;--accent:#4BD58B;--green-soft:#173828;--green-ink:#07130D;--accent-ink:#07130D;--amber:#F2AA5E;--amber-soft:#3B2A17;
  --deep:#0B0A08;--deep-2:#221E19;--deep-rule:#2E2922;
  --mint:#1B3A2A;--lav:#2A2450;--butter:#3A3115;--coral:#40231B;--sky:#192D45;--pink:#3B1F2F;--grape:#A895FF;color-scheme:dark}
body{background:var(--paper)}
h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
h1 em,h2 em{font-family:"Newsreader",Georgia,serif;font-weight:400}
.btn,button.btn,a.btn{border-radius:999px}
.btn.primary,.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
input,select,textarea{border-radius:12px}
.nav nav a.btn-ask{background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 16px;font-weight:600;text-decoration:none}
@media (max-width:760px){.nav nav a.btn-ask{display:none}}

/* light footer, sitewide */
footer.site{background:var(--lav)!important;color:var(--ink-2)!important;border-top:1.5px solid var(--ink)}
footer.site .logo,footer.site a.fl{color:var(--ink)!important}
footer.site h4{color:var(--muted)!important}
footer.site .fbase{border-top:1.5px solid var(--ink)!important}