/* Binate Thoughts — CSS that theme.json can't express. * * Every rule here is here because theme.json has no equivalent: * - pseudo-elements (::before / ::after) * - attribute selectors (e.g. [aria-pressed="true"]) * - runtime CSS-var overrides driven by a attribute * - line-clamp + overflow utilities * - grid-template-columns and other layout properties * - @media (prefers-reduced-motion / print) rules * - container max-width on top-level template-part wrappers * * Anything else lives in theme.json. Do not duplicate tokens or per-block * typography/color/spacing here. */ /* --- 1. Visitor light/dark toggle: per-visitor CSS-var override --------- * * theme.json's style variations can swap palettes for the Site Editor, but * the front-end attribute is a runtime switch * — neither variation file nor a per-block style can react to it. Override * the preset color custom properties here. */ [data-theme="light"] { --wp--preset--color--bg: oklch(0.972 0.006 80); --wp--preset--color--bg-edge: oklch(0.945 0.006 80); --wp--preset--color--ink: oklch(0.18 0.006 60); --wp--preset--color--ink-soft: oklch(0.38 0.006 60); --wp--preset--color--ink-faint: oklch(0.48 0.006 60); --wp--preset--color--rule: oklch(0.85 0.006 60); --wp--preset--color--rule-soft: oklch(0.91 0.006 60); } /* --- 2. Container width: top-level wrappers cap at 1240px --------------- * * theme.json's wideSize / contentSize constrain DIRECT CHILDREN of a * layout-constrained group. Top-level
/