/* DM Sans — self-hosted variable font (opsz 9..40, wght 300..800,
   latin + latin-ext), mirrors Google's css2 response 2026-06-11. */
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/rP2Hp2ywxg089UriCZ2IHSeH.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;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/rP2Hp2ywxg089UriCZOIHQ.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;
}

/* ──────────────────────────────────────────────────────────────────
   LeiUniversal design tokens
   Extracted from the Astra-era customizer output (2026-06-11). These
   variables are now the source of truth for brand colors, typography
   and spacing. Variable names keep their historical leiu-* prefixes —
   renaming means touching every usage and is deliberately deferred.
   Key tokens:
     --leiu-global-color-0/1 .. brand greens (buttons, links)
     --leiu-global-color-2/3 .. headings / muted text
     --leiu-global-color-4/5 .. backgrounds / borders
     --leiu-body-line-height, font sizes .. global typography
   @font-face: DM Sans self-hosted below (no Google Fonts request).
   ────────────────────────────────────────────────────────────────── */
:root{--leiu-post-nav-space:0;--leiu-container-default-xlg-padding:2.5em;--leiu-container-default-lg-padding:2.5em;--leiu-container-default-slg-padding:2em;--leiu-container-default-md-padding:2.5em;--leiu-container-default-sm-padding:2.5em;--leiu-container-default-xs-padding:2.4em;--leiu-container-default-xxs-padding:1.8em;--leiu-code-block-background:#ECEFF3;--leiu-normal-container-width:1200px;--leiu-narrow-container-width:750px;--leiu-blog-title-font-weight:600;--leiu-blog-meta-weight:600;--leiu-global-color-primary:var(--leiu-global-color-5);--leiu-global-color-secondary:var(--leiu-global-color-4);--leiu-global-color-alternate-background:var(--leiu-global-color-7);--leiu-global-color-subtle-background:var(--leiu-global-color-6);--leiu-bg-style-guide:var( --leiu-global-color-secondary,var(--leiu-global-color-5) );--leiu-shadow-style-guide:0px 0px 4px 0 #00000057;--leiu-global-dark-bg-style:#fff;--leiu-global-dark-lfs:#fbfbfb;--leiu-widget-bg-color:#fafafa;--leiu-wc-container-head-bg-color:#fbfbfb;--leiu-title-layout-bg:#eeeeee;--leiu-search-border-color:#e7e7e7;--leiu-lifter-hover-bg:#e6e6e6;--leiu-gallery-block-color:#000;--srfm-color-input-label:var(--leiu-global-color-2);}
:root{--leiu-comment-inputs-background:#FFF;}
/* Keyboard focus ring colour (accessibility, 2026-06-15). Brand green for
   light surfaces; base.css overrides to a light tint on dark surfaces. */
:root{--leiu-focus-ring:#386754;}
:root {--wp--custom--leiu-container-width: 1200px;--wp--custom--leiu-content-width-size: 1200px;--wp--custom--leiu-wide-width-size: 1360px; /* was 1200px + 2x80px padding */}
/* Brand greens. color-0/1 were corrected 2026-06-18 from stale Astra-era
   placeholders (#060097 blue / #c10fff magenta) that contradicted the comment
   above and leaked onto link hover/focus, disabled WooCommerce buttons, the
   search-field border, mega-menu icons and the blog byline. color-0 = brand,
   color-1 = darker hover/disabled — aligned with theme.json brand/brand-dark,
   --leiu-cta-active and --leiu-focus-ring (all #386754 / #2c5243 family). */
:root{--leiu-global-color-0:#386754;--leiu-global-color-1:#2c5243;--leiu-global-color-2:#1e293b;--leiu-global-color-3:#67768e;--leiu-global-color-4:#f9f6fe;--leiu-global-color-5:#FFFFFF;--leiu-global-color-6:#F2F5F7;--leiu-global-color-7:#ffcd57;--leiu-global-color-8:#000000;}
:root {--leiu-border-color : var(--leiu-global-color-6);}

/* Pill-header palette (from the Customizer-era overrides) */
:root{--leiu-cta:#437a64;--leiu-cta-hover:#4f8c73;--leiu-cta-active:#386754;--leiu-pill-hover:rgba(128,177,155,.22);}