/* Last precedence bucket — binds tenant brand colors (--site-*, set on by apps/public/app/layout.tsx) onto tokens.css's own custom properties. tokens.css itself stays byte-identical to source. --brand-rgb/--accent-rgb are deliberately NOT relinked here: tokens.css defines them comma-separated ("58, 48, 124") for legacy `rgba(var(...), a)` call sites throughout components.css/pages.css, while apps/public's --site-*-rgb are space-separated ("58 48 124") for the modern `rgb(var(...) / a)` syntax. Mixing the two breaks those rgba() calls, so the handful of translucent accents (tag fill, focus rings, some shadows) stay pinned to the source palette rather than following a tenant override. */ :root { --color-brand-navy: var(--site-primary, #3A307C); --color-brand-red: var(--site-accent, #D8402F); --color-navy-deep: var(--site-secondary, #183859); }