/* GRO-CODE tokens. Three theme states: system (no attribute), data-theme="light", data-theme="dark".
   Light values on :root; the two dark blocks only redefine. Product colours follow the GRO-GUIDE and the labels. */
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/barlow-condensed-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2'); }

:root {
  --sbg:#F6F6F1; --scard:#FFFFFF; --sfg:#131B16; --smuted:#67736C; --sline:#DEE1D9; --sinset:#ECEEE7; --sfocus:#1E7A5B; --sbrand:#169A4C;
  --c-dark:#5B86BE; --c-anti:#B95FA9; --c-rhizo:#7D8794; --c-green:#74A035; --c-aqua:#4FC9C4; --c-ocean:#8F55BE;
  --c-mgrow:#F2D02E; --c-mbloom:#FF8A1F; --c-hsg:#17B26B; --c-hbal:#D9A61F; --c-hmy:#D3403C; --c-stone:#A9B1BA; --c-compost:#9A6B3E; --c-cast:#7E5A3C; --c-water:#1F8FA3; --c-reup:#C9772B;
  --ph-seed:#B9DC7A; --ph-eveg:#86C25A; --ph-fveg:#4B9E3F; --ph-stretch:#C9B04A; --ph-bulk:#D28A3C; --ph-ripen:#B5603A; --ph-harvest:#1E5B46;
  --display:'Barlow Condensed','Arial Narrow','Helvetica Neue',Arial,sans-serif;
  --body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --logo-gc:url('../icons/emblem-mask.png'); --logo-hpo:url('../icons/hpo-mask.png');
  --sat:env(safe-area-inset-top, 0px); --sab:env(safe-area-inset-bottom, 0px); --sal:env(safe-area-inset-left, 0px); --sar:env(safe-area-inset-right, 0px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) { --sbg:#0B100E; --scard:#131B16; --sfg:#ECF0EA; --smuted:#8C988F; --sline:#223027; --sinset:#17211B; --sfocus:#4FD1A1; --sbrand:#22C55E; color-scheme:dark; } }
:root[data-theme="dark"] { --sbg:#0B100E; --scard:#131B16; --sfg:#ECF0EA; --smuted:#8C988F; --sline:#223027; --sinset:#17211B; --sfocus:#4FD1A1; --sbrand:#22C55E; color-scheme:dark; }