/* TestSnap design tokens — 06 §2. Defined once here; no other colors or sizes exist. */ :root { --ts-accent: #0B5ED7; --ts-bg: #F6F7F9; --ts-surface: #FFFFFF; --ts-border: #DEE2E6; --ts-text: #1F2328; --ts-text-muted: #6C757D; --ts-status-open: #D97706; --ts-status-resolved: #2E7D32; --ts-danger: #B02A37; --ts-console-bg: #111418; --ts-console-text: #D6DEE7; --ts-console-error: #FF6B6B; --ts-console-warn: #FFC65C; --ts-radius-card: 8px; --ts-radius-btn: 6px; /* Logo-only color (author's brand pick, 2026-08-04) — deliberately not --ts-accent: the mark keeps its own blue whatever the UI accent does. */ --ts-logo: #003399; /* Height of the fixed phone toolbar. editor.js overwrites this on with the bar's measured height; the value here is only what the first paint uses, before the script runs. Declared once rather than repeated as a var() fallback at each use — the comment on `body:has(.ts-toolbar)` records that this constant has already been wrong twice, and two copies is how the third time gets fixed in only one of them. */ --ts-toolbar-h: 232px; } /* Dark theme (NEW-01 §6.5): only the 6 surface tokens flip. Status colors, danger, radii and the console block are identical in both themes — the console panel is already dark by design (D8) and must not get darker-on-dark treatment. The accent brightens because #0B5ED7 on the dark surface is 2.9:1 — illegible; #6EA8FE is 7.4:1 and still "the blue". */ [data-bs-theme="dark"] { /* #003399 disappears on the dark surface; the logo borrows the proven 7.4:1 accent. */ --ts-logo: #6EA8FE; --ts-accent: #6EA8FE; --ts-bg: #121417; --ts-surface: #1C2025; --ts-border: #343A40; --ts-text: #E6EAEE; --ts-text-muted: #9CA6AF; } /* Typography — system stack only, no webfonts (Invariant 3). 06 §2.2 */ body { background: var(--ts-bg); color: var(--ts-text); font-size: 14px; } h1, .ts-page-title { font-size: 20px; font-weight: 600; } .ts-meta { font-size: 12px; color: var(--ts-text-muted); } /* Links sit on Bootstrap's underline default; the author wants them bare — including on hover (2026-08-04). Color alone distinguishes them: accent for links, muted for .ts-meta. .btn-link is here because it is a