/* ========================================================================== GG10 Blog — brand layer over Blocksy -------------------------------------------------------------------------- Every colour here is copied from the GG10 brand book (gg10_landing/src/app/ brand.css) and must stay in step with it. Nothing invents a new colour. The blog is a SEPARATE surface from the app: it is a reading experience, not a product UI. So it borrows the brand's palette, typeface and angular corner-cut, but not the app's density — long-form text gets generous line height, a measured column width and real vertical rhythm. ========================================================================== */ :root { /* ---- 01. Primary ---- */ --gg-primary: #d90251; --gg-primary-shade-3: #48011b; --gg-primary-shade-1: #a9023f; --gg-primary-tint-3: #ff317c; --gg-primary-tint-0: #ffdfeb; /* ---- 02. Neutral ---- */ --gg-bg: #131313; --gg-bg-2: #212121; --gg-grey-7: #161616; --gg-grey-6: #1f1f1f; --gg-grey-5: #262626; --gg-grey-4: #454545; --gg-grey-3: #717171; --gg-grey-2: #8a8a8a; --gg-grey-1: #a4a4a4; --gg-grey-0: #d0d0d0; --gg-white: #ffffff; --gg-primary-rgb: 217 2 81; --gg-white-rgb: 255 255 255; /* ---- Geometry: the brand's angular language ---- */ --gg-edge: 10px; /* corner cut on cards and panels */ --gg-radius-btn: 8px; /* buttons/inputs are rounded, never cut */ /* ---- Reading measure ---- */ --gg-measure: 44rem; } /* ========================================================================== Blocksy palette override -------------------------------------------------------------------------- Blocksy renders its whole UI from eight --theme-palette-color-* variables, emitted inline in from ITS OWN option store (not plain theme mods). Setting those mods via WP-CLI does not reach that store, so the site kept rendering Blocksy's default blue-on-white. Rather than reverse-engineer that store, we redefine the variables here. This is the more robust place for them anyway: it survives a theme-options reset, a Blocksy update, and its dynamic-CSS cache, and it keeps every colour in ONE file that maps straight onto the brand book above. The selector is `html:root`, not `:root`: Blocksy prints its inline