/* X.M Divi v1 — DESIGN TOKENS (the ONE place for colours, fonts, spacing).
   Values = Maikx DESIGN_SPEC_DIVI.md §2–4 (23.10) = V2_6_12 computed palette: logo navy #2B3990, gold #FEBE10 as accent only
   (gold never carries text on paper). Palette sign-off is OPEN (spec §8.2). Breakpoints: Divi 4 980/767 (r3: N1 fixed, the old 1000/700 queries are gone).
   r3 (Maikx S2): no font-face rules here any more. IBM Plex is defined once in assets/fonts/xm-fonts.css (= Maikx pack fonts/fonts.css, relative urls)
   and is loaded site-wide by the gated fonts step (mu-plugin enqueue); drafts link it from the header Code module while TOGGLES FONTS_VIA=page. */
.xm-site{
  /* colours (effective V2_6_12 values = final :root overrides in site.css) */
  --gold:#FEBE10;--logo-navy:#2B3990;
  --blue:#2B3990;--blue-d:#222d75;--navy:#121a45;--navy-2:#161f52;--slate:#1c2554;--route:#6f86ff;
  --ink:#10163a;--paper:#f5f1e8;--panel:#ebe5d8;--card:#faf8f2;
  --line:rgba(16,22,58,.16);--line-inv:rgba(245,241,232,.2);
  --accent:#ebe4d4;--sky:#b9bfdb;--duo-dark:#0b1640;--duo-light:#f3ece0;
  --yellow:var(--gold);--ph-bg:#e3dccb;--ph-ink:#2c3358;
  /* brand strip card image ratio: 1/1 = Maikx square crops, 800 px (Kiki PASS 23.10 21:10) */
  --brand-ratio:1/1;
  /* fonts */
  --font-body:'IBM Plex Sans',Arial,sans-serif;
  --font-head:'IBM Plex Sans Condensed','IBM Plex Sans',Arial,sans-serif;
  --fs-body:18px;--lh-body:1.68;
  /* spacing / layout */
  --wrap:1240px;--gutter:80px;--gut:max(40px,calc((100% - var(--wrap))/2));--gap:24px;--section-y:96px;--radius:0px;
  --ease:cubic-bezier(.2,.7,.1,1);
}
@media(max-width:980px){.xm-site{--gut:24px;--gutter:48px;--section-y:72px}}
@media(max-width:767px){.xm-site{--gut:18px;--gutter:36px;--section-y:48px}}
