/* CBI Platform — Unified Theme Tokens * * Applies background and border variables per data-theme attribute on . * Selector specificity: 0,0,1,0 (attribute selector on element) — intentionally * below :root (0,0,1,0 on :root wins in same-sheet, but terminal.css :root * declarations are in a separate sheet loaded before this one, so terminal vars * are not overridden here). * * Usage: ... * Hub's applyThemeVariables() JS can be removed once this sheet is linked. * * Variables defined here: --bg0, --bg1, --bg2, --bg3, --border * Variables NOT defined here: fonts, layout, accent colors, component tokens * (those remain in each app's own CSS or tokens.css). */ /* ── Default theme ─────────────────────────────────────────────────────────── */ html[data-theme="default"] { --bg0: #101419; --bg1: #0b0e16; --bg2: #181c21; --bg3: #1d2025; --border: rgba(64, 71, 82, 0.15); } /* ── Midnight theme ─────────────────────────────────────────────────────────── */ html[data-theme="midnight"] { --bg0: #050505; --bg1: #000000; --bg2: #0a0a0a; --bg3: #111111; --border: rgba(255, 255, 255, 0.08); } /* ── Emerald theme ──────────────────────────────────────────────────────────── */ html[data-theme="emerald"] { --bg0: #061311; --bg1: #030a09; --bg2: #0a1d1a; --bg3: #102a27; --border: rgba(0, 255, 150, 0.1); } /* ── White theme (light, high contrast) ─────────────────────────────────────── */ /* NUEVO: theme-white */ html[data-theme="white"] { --bg0: #ffffff; --bg1: #f7f8fa; --bg2: #eef0f4; --bg3: #e5e8ee; --fg0: #0a0d12; --fg1: #2a3038; --fg2: #5a6373; --border: #d8dde5; --green: #00a86b; --blue: #0066cc; --purple: #7c3aed; --gold: #b8860b; --amber: #d97706; --red: #dc2626; --chart-tick-color: #0a0d12; color-scheme: light; } html[data-theme="white"] body { background: var(--bg0); color: var(--fg0); } /* /NUEVO: theme-white */