/* Brev's half of the brands that share one component library. The values are scoped to the * .brand-brev class layouts/brev.html.erb puts on , and custom properties inherit, so every * .c-, .o- and .u- rule rendered inside that scope resolves them without a component rule being * duplicated or overridden — which is why the override is a role and never a component: a * `.brand-brev .c-panel` rule would be a second copy of a component to keep in step, and a colour * this brand needs that has no role yet is added to 01-settings/_semantic.css for every brand. * * No selector here matches outside .brand-brev, so nothing in this file can move a pixel of * gantry.software or hyperclank.com. */ .brand-brev { /* Blue leads here where amber leads on Gantry and green on HyperClank. Nothing else moves: this is the same product shell — the same bars at the same height, the same cell rhythm — so the type and space roles are left out of this block rather than restated, and :root's values inherit into the scope. */ --accent: var(--blue); --accent-bright: var(--blue-bright); --accent-soft: color-mix(in oklab, var(--blue) 14%, var(--surface)); /* --focus is declared on :root as var(--accent) and so computes to amber there before it inherits; a brand that re-tints the accent has to re-point the focus ring at it too. */ --focus: var(--accent); background: var(--surface); color: var(--text); }