/* Quebeecoo Expressive theme. Applied as a class on to override tokens.css defaults. */ body.theme-neon-glow { /* Backgrounds вЂ” deeper, darker */ --bg-tertiary: var(--md-sys-color-surface-container-lowest); --bg-secondary: var(--md-sys-color-surface-container-low); --bg-primary: var(--md-sys-color-surface); --bg-input: var(--md-sys-color-surface-container-high); --bg-hover: color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent); --bg-active: var(--md-sys-color-surface-container-highest); /* Accent вЂ” defaults to OC cyan, but accent picker overrides --accent so --accent-primary and --accent-gradient follow the user's choice */ --accent: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-secondary); --accent-active: color-mix(in srgb, var(--md-sys-color-primary) 76%, black); --accent-primary: var(--accent); --accent-secondary: var(--accent-hover); --accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); /* Border glow вЂ” derived from accent for consistency */ --border: var(--md-sys-color-outline-variant); --border-strong: var(--md-sys-color-outline); --border-glow: color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent); /* Text link вЂ” follows accent */ --text-link: var(--accent); /* Semantic colors (theme contract) */ --color-success: #23a55a; --color-warning: #f0b232; --color-danger: var(--md-sys-color-error); }