/* TCG Box — Cobalto theme tokens. Dark is the default (the ships with data-theme="dark"); removing the attribute yields light. Matches Ad Valorem's data-theme convention so the sun/moon toggle behaves identically. */ :root { /* light (attribute removed) */ --page: #F4F6FA; --surface: #FFFFFF; --surface-2: #FFFFFF; --border: #E4E8EF; --border-2: #CFD6E0; --text: #12294D; --text-muted: #6B7688; --accent: #3B82F6; --accent-2: #2A63C4; --on-accent: #FFFFFF; --field: #FFFFFF; --chip-bg: #E7ECF3; --chip-text: #3B5578; --thumb: #EAF1FC; --chollo: #2F9E6E; --chollo-bg: #DFF0E7; --chollo-text: #1C6647; --over: #C0392B; --over-bg: #F7DDD8; --over-text: #93321F; /* fixed brand (same in both themes) */ --nav: #12294D; --nav-text: #F4F6FA; --nav-muted: #9DB2D4; --toggle: #F6C453; --radius: 8px; --radius-card: 12px; --wrap: 1040px; } :root[data-theme="dark"] { --page: #0E1726; --surface: #172741; --surface-2: #1B2E4C; --border: #26374F; --border-2: #2C3E58; --text: #E7ECF4; --text-muted: #8496AE; --accent: #4C8DF7; --accent-2: #6699EE; --on-accent: #08152B; --field: #141F33; --chip-bg: #24344E; --chip-text: #9DB6DA; --thumb: #1E2E48; --chollo: #3FB983; --chollo-bg: #14312A; --chollo-text: #7FD9AD; --over: #E0745B; --over-bg: #3A1E18; --over-text: #F0A896; --nav: #16294A; --nav-muted: #8496AE; }