/* Home-style.css — core design system: tokens, layout grid, header, cards, DECO shell. * Mobile-first. Desktop split layout starts at 1024px. * Clean Minimalist Edition with Optimized Text Contrast. */ /* ---------- tokens ---------- */ :root, [data-theme="light"] { --c-green: #b43a0f; --c-green-d: #8c2807; --c-green-t: rgba(180, 58, 15, 0.1); --c-grad-primary: linear-gradient(135deg, #b43a0f 0%, #702107 100%); --c-bg: #f0f4f8; --c-surface: #ffffff; --c-text: #0f172a; --c-muted: #64748b; --c-faint: #94a3b8; --c-dim: #cbd5e1; --c-border: #e2e8f0; --c-line: #cbd5e1; --c-soft: #f8fafc; --c-hair: #e2e8f0; --c-tint: rgba(180, 58, 15, 0.03); --c-bar: #ffffff; --c-util: #94a3b8; --c-ok-t: rgba(16, 185, 129, 0.1); --c-ok: #059669; --c-over-t: rgba(225, 29, 72, 0.1); --c-over: #e11d48; --r-sm: 9px; --r-md: 13px; --r-lg: 20px; --ease: cubic-bezier(.16, 1, .3, 1); /* Tells the engine which palette its OWN surfaces belong to — the canvas it paints before any rule applies, form controls, scrollbars and the overscroll/rubber-band area past the end of the document. Without it those stay light while the page is dark, which is a white edge on every bounce scroll. See "theme boot guard" below for the half of this that has to run before the first paint. */ color-scheme: light; } [data-theme="dark"] { --c-green: #d9531e; --c-green-d: #b43a0f; --c-green-t: rgba(255, 255, 255, 0.08); --c-grad-primary: linear-gradient(135deg, #b43a0f 0%, #5c1d09 100%); --c-bg: #090a0d; --c-surface: #12141a; --c-text: #f3f4f6; --c-muted: #9ca3af; --c-faint: #6b7280; --c-dim: #374151; --c-border: #1f232d; --c-line: #262c38; --c-soft: #161922; --c-hair: #1f232d; --c-tint: rgba(255, 255, 255, 0.02); --c-bar: #12141a; --c-util: #6b7280; --c-ok-t: rgba(16, 185, 129, 0.14); --c-ok: #10b981; --c-over-t: rgba(225, 29, 72, 0.14); --c-over: #fb7185; color-scheme: dark; } /* ---------- theme boot guard ---------- Every document on this site ships `` in its source, and the real preference lives in localStorage under 'vns-theme', read by bindTheme() in js/layout.js. layout.js is a