/* Light theme — overrides bidcraft.css design tokens when data-theme="light" is set on . Default (no attribute or data-theme="dark") keeps the dark-mode tokens from bidcraft.css. */ :root[data-theme="light"] { /* Surfaces — warm off-white through deeper paper tones */ --bg: #FAFAF8; --bgw: #F4F1EA; --sur: #FFFFFF; --sur2: #F4F1EA; --sur3: #EAE6DF; /* Borders */ --bdr: #E0DCD3; --bdr2: #CFC8BC; /* Text — ink, dark warm, medium warm */ --tx: #0A0A0A; --txd: #4A4438; --txm: #7A7060; /* Steel blue — slightly darkened for contrast on white */ --st: #3A7AAE; --std: #2D5F8B; --stb: #5A9FD4; --stg: rgba(58, 122, 174, 0.10); /* Accent colors — darken slightly so colored pills hold against white */ --amb: #B07A2E; --ambd: rgba(176, 122, 46, 0.16); --grn: #3A8F66; --grnd: rgba(58, 143, 102, 0.14); --red: #B14A4A; --redd: rgba(177, 74, 74, 0.14); } /* Dark mode: brand.css already lifts --txd / --txm for AA contrast on the dark surfaces. Reaffirm the lifted values here so the explicit data-theme="dark" attribute (set by the theme switcher) lands identically to the implicit default. */ :root[data-theme="dark"] { --txd: #B0A593; --txm: #8A7F6E; } /* The login page has its own bg-grid / bg-glow / bg-rule layers designed against deep ink. Force dark on the login + holding pages so brand assets don't fight a light background. */ :root[data-theme="light"] body.force-dark-theme { /* No-op stub for symmetry; pages opt in by adding `force-dark-theme` to rather than relying on the document-level attribute. */ }