/* ========================================================================== N1 site theme — one palette, two modes, shared by every page on n1yoga.com (landing, login, and the desktop planner). Dark is the original obsidian / cyan / amber. Light keeps that identity but darkens the accents: #00E5FF on a white ground is roughly 1.4:1 contrast and effectively unreadable, so light mode swaps in a deep teal and a bronze that clear WCAG AA for body text. Every foreground token is pitched ~20% higher in contrast ratio against its own ground than the first pass, which read as washed out. The two body-text tokens sit at the physical ceiling (#fff on dark, #000 on light) — nothing further is available there. Accents were lightened (dark) or deepened (light) along the same hue, so cyan and amber stay recognisable. The mode is selected by data-n1-theme on , set before first paint by n1-theme.js. Deployed to /n1-theme.css; source of truth is journal-desktop/site/. ========================================================================== */ :root, :root[data-n1-theme='dark'] { --n1-bg: #0a0c10; --n1-panel: rgba(255, 255, 255, 0.025); --n1-panel-solid: #0e1117; --n1-line: rgba(255, 255, 255, 0.1); --n1-line-soft: rgba(255, 255, 255, 0.06); --n1-cyan: #8bf3ff; --n1-cyan-dim: rgba(139, 243, 255, 0.48); --n1-cyan-ghost: rgba(139, 243, 255, 0.06); --n1-amber: #ffc952; --n1-amber-ghost: rgba(255, 201, 82, 0.08); --n1-amber-ink: #0a0c10; --n1-text: #ffffff; --n1-dim: #adb3bd; --n1-faint: #797f8c; --n1-scanlines: 0.05; } :root[data-n1-theme='light'] { --n1-bg: #f4f5f7; --n1-panel: #ffffff; --n1-panel-solid: #ffffff; --n1-line: rgba(15, 23, 42, 0.17); --n1-line-soft: rgba(15, 23, 42, 0.1); --n1-cyan: #0c6780; --n1-cyan-dim: rgba(12, 103, 128, 0.55); --n1-cyan-ghost: rgba(12, 103, 128, 0.08); --n1-amber: #905706; --n1-amber-ghost: rgba(144, 87, 6, 0.1); --n1-amber-ink: #ffffff; --n1-text: #000000; --n1-dim: #414955; --n1-faint: #5f6672; /* The CRT scanline wash reads as dirt on a light ground, so it goes away. */ --n1-scanlines: 0; } :root { color-scheme: dark; } :root[data-n1-theme='light'] { color-scheme: light; }