/* Diaspire brand layer.
   Loaded AFTER the site's own CSS on every page, so it only re-skins: colours, fonts, corner radii.
   No layout or behaviour lives here. To re-sync with diaspire.app, change the tokens below.
   Source: values measured on diaspire.app (design audit, 17-18 Aug 2026) - brown primary rgb(140,73,26),
   warm cream surfaces, olive rgb(86,99,63) / rgb(61,71,43), ink rgb(32,30,29), Caprasimo + Figtree. */

:root{
  --bg:#F9F4ED;          /* surface (page)            rgb(249,244,237) */
  --panel:#FFFFFF;       /* surface-raised (cards)                       */
  --accentsoft:#F5EAD8;  /* surface-accent (bands)    rgb(245,234,216) */
  --line:#E3D8C6;        /* borders, between the two darker neutrals     */
  --ink:#201E1D;         /* rgb(32,30,29)                                 */
  --muted:#6A5F54;
  --accent:#8C491A;      /* Diaspire brown primary    rgb(140,73,26)   */
  --onaccent:#FFFFFF;
  --olive:#56633F;       /* rgb(86,99,63)  */
  --olivedeep:#3D472B;   /* rgb(61,71,43)  */
  --peach:#FFE1D0;       /* rgb(255,225,208) */
  --hi:#4A5636; --hibg:#ECEEDF;       /* "good" signals in olive */
  --med:#80501A; --medbg:#FBEBD5;     /* "medium" in warm ochre */
  --lo:#A12A22; --lobg:#FBE8E4;       /* warnings stay unmistakably red */
  --display:"Caprasimo",Georgia,"Times New Roman",serif;
  --body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#1B1815;--panel:#24201C;--accentsoft:#302720;--line:#3B332C;--ink:#F3ECE2;--muted:#B5A898;
  --accent:#E09A62;--onaccent:#1B1815;--olive:#A9B884;--olivedeep:#C3CFA3;--peach:#3A2A20;
  --hi:#B4C38E;--hibg:#262B1E;--med:#E6B774;--medbg:#2E2519;--lo:#F0A198;--lobg:#351F1C;}}
:root[data-theme=dark]{
  --bg:#1B1815;--panel:#24201C;--accentsoft:#302720;--line:#3B332C;--ink:#F3ECE2;--muted:#B5A898;
  --accent:#E09A62;--onaccent:#1B1815;--olive:#A9B884;--olivedeep:#C3CFA3;--peach:#3A2A20;
  --hi:#B4C38E;--hibg:#262B1E;--med:#E6B774;--medbg:#2E2519;--lo:#F0A198;--lobg:#351F1C;}

/* Self-hosted fonts (SIL Open Font License, see fonts/OFL-*.txt) - no request to Google */
@font-face{font-family:'Caprasimo';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/caprasimo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Caprasimo';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/caprasimo-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/figtree-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/figtree-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/figtree-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/figtree-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/figtree-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/figtree-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Type: Figtree for everything readable, Caprasimo for headings and big numbers only */
body{font-family:var(--body)}
h1,.prose h2,.region,#scams h2,.scamwrap h2,.bigrule h3{font-family:var(--display);font-weight:400;letter-spacing:.005em}
h1{font-size:26px;line-height:1.2}
.region{font-size:20px}
.stat b,.card .num,.cc .n{font-family:var(--display);font-weight:400}
@media(max-width:780px){h1{font-size:22px}}

/* Shapes: pills for buttons and chips, rounded-2xl (16px) cards, 12px secondary controls */
.stat,.card,.cc,.dcard{border-radius:16px}
.dcard{border-radius:0 0 16px 16px}
select,input[type=search],.you button,.dl a,a.apply{border-radius:12px}
.cta a{border-radius:999px}
.tag,.skill,.conf{border-radius:999px;padding-left:9px;padding-right:9px}

/* Text on the brand colour */
.chip[aria-pressed=true],.nav a[aria-current=page],.cta .primary,a.apply:hover,.dl a:hover{color:var(--onaccent)}
.cta .primary:hover{filter:none;background:var(--olivedeep);border-color:var(--olivedeep);color:#fff}
:root[data-theme=dark] .cta .primary:hover{color:#1B1815}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cta .primary:hover{color:#1B1815}}

/* Theme toggle: ink pill in light mode, cream pill in dark mode */
.themetoggle{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.themetoggle:hover{background:var(--accent);color:var(--onaccent);border-color:var(--accent)}
:root[data-theme=dark] .themetoggle{background:var(--ink);color:var(--bg);border-color:var(--ink)}
:root[data-theme=dark] .themetoggle:hover{background:var(--accent);color:var(--onaccent);border-color:var(--accent)}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]) .themetoggle{background:var(--ink);color:var(--bg);border-color:var(--ink)}
 :root:not([data-theme=light]) .themetoggle:hover{background:var(--accent);color:var(--onaccent);border-color:var(--accent)}}

/* Focus ring the audit asked for: 2px brand + 2px offset */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,tr.main:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Region tags in Diaspire's warm family (was blue/green/purple) */
.r-ssa{background:#ECEEDF;border-color:#D4D9BF;color:#3D472B}
.r-sas{background:#FFEBDF;border-color:#F4CDB5;color:#7A3A12}
.r-eap{background:#F3EBDC;border-color:#E2D3B6;color:#5E4A22}
.r-mena{background:#F7E6DE;border-color:#E9CABB;color:#7A3A22}
.r-lac{background:#E7ECE2;border-color:#CAD5C3;color:#2F4A33}
.r-eca{background:#EEEAE3;border-color:#D8D0C4;color:#4A4038}
.r-na{background:#F1E7E3;border-color:#DECDC7;color:#5A3F3A}
.tag.ww{background:var(--accentsoft);color:var(--accent)}
.tag.home{background:var(--hibg);color:var(--hi)}
:root[data-theme=dark] .r-ssa,:root[data-theme=dark] .r-sas,:root[data-theme=dark] .r-eap,:root[data-theme=dark] .r-mena,:root[data-theme=dark] .r-lac,:root[data-theme=dark] .r-eca,:root[data-theme=dark] .r-na{background:var(--accentsoft);border-color:var(--line);color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .r-ssa,:root:not([data-theme=light]) .r-sas,:root:not([data-theme=light]) .r-eap,:root:not([data-theme=light]) .r-mena,:root:not([data-theme=light]) .r-lac,:root:not([data-theme=light]) .r-eca,:root:not([data-theme=light]) .r-na{background:var(--accentsoft);border-color:var(--line);color:var(--ink)}}

/* Co-brand bar */
.brandbar{display:flex;align-items:center;gap:10px;margin:0 0 16px;flex-wrap:wrap}
.brandbar a.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--accent)}
.brandbar img{height:30px;width:auto;display:block}
.brandbar .wm{font-family:var(--display);font-size:24px;line-height:1;color:var(--accent)}
.brandbar .prod{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--olive);border-left:1px solid var(--line);padding-left:10px}
.brandbar .back{margin-left:auto;font-size:12.5px;color:var(--muted);text-decoration:none}
.brandbar .back:hover{color:var(--accent)}
@media(max-width:780px){.brandbar .back{margin-left:0;flex-basis:100%}}