/* ========================================================================== Piixcell — brand-accent color preview (v6, Task 6) Non-destructive overlay: redefines ONLY the same 4 accent custom properties css/styles.css already exposes, nothing else (no layout, copy, or other color changes). Disabled by default — enabled only via ?theme=brand (see the small script snippet added to each page's /script). Preview-only per CLAUDE.md: don't fold this into :root or delete it until Jason decides. Colors picked from the two most distinct, deliberate colors in the actual logo mark (assets/images/logo/piixcell-logo-color-on-dark.png) — the bold top-left square (orange) and the standalone triangle accent (blue) — rather than the blended green/teal middle square, which reads more as a gradient transition than a chosen brand color. Both are in CLAUDE.md's brand palette table as-is (Orange #F6A12C, Blue #1B71BA). ========================================================================== */ :root { --color-accent: #F6A12C; /* brand orange — was hot-pink placeholder */ --color-accent-soft: rgba(246, 161, 44, 0.15); --color-accent-2: #1B71BA; /* brand blue — was violet placeholder */ --color-accent-2-soft: rgba(27, 113, 186, 0.16); }