/* /css/page-cookieconsent.css — Phase 4 / D-07 — brand-token override layer Scope: #cc-main (NOT :root — library cascade scopes here) References: var(--accent), var(--accent-2), var(--font-sans), var(--bg), var(--fg), var(--fg-mute), var(--line) — all defined in /css/base.css :root */ #cc-main { --cc-font-family: var(--font-sans); --cc-modal-border-radius: .5rem; --cc-btn-border-radius: .5rem; /* Primary button — "Accetta" — brand cyan */ --cc-btn-primary-bg: var(--accent); --cc-btn-primary-border-color: var(--accent); --cc-btn-primary-color: var(--bg); --cc-btn-primary-hover-bg: var(--accent-2); --cc-btn-primary-hover-border-color: var(--accent-2); --cc-btn-primary-hover-color: var(--fg); /* Secondary button — "Rifiuta" — equal weight per D-02 (same border, transparent fill) */ --cc-btn-secondary-bg: transparent; --cc-btn-secondary-border-color: var(--fg); --cc-btn-secondary-color: var(--fg); --cc-btn-secondary-hover-bg: var(--line); --cc-btn-secondary-hover-border-color: var(--accent); --cc-btn-secondary-hover-color: var(--accent); /* Toggle (preferences modal) */ --cc-toggle-on-bg: var(--accent); --cc-toggle-off-bg: var(--fg-mute); /* Stacking — match topbar z-index in base.css */ --cc-z-index: 50; } /* Dark-mode opt-in: per RESEARCH.md §1.5, .cc--darkmode class is set on inside /js/cookieconsent-config.js BEFORE CookieConsent.run() to avoid FOUC. This selector exists for documentation; no rules here — library defaults apply. */ html.cc--darkmode #cc-main { /* Defaults inherited; brand mapping above already covers visible surfaces. */ }