/* ── Design Tokens ───────────────────────────────────────────────────────────── Mirrors client/src/utils/theme.js — single source of truth for marketing site. Light theme is default; dark activates via [data-theme="dark"] on . */ :root { /* Light theme */ --page-bg: #f0f3ef; --card: #ffffff; --card-alt: #f8faf7; --line: #e8ece7; --line2: #d8ddd7; --ink: #111714; --ink-mid: #374035; --ink-sub: #6b7a69; --ink-faint: #a8b5a6; --green: #2e6b4a; --green-mid: #5a9e7a; --green-tint: #e8f2ec; --green-pale: #c4ddc9; --amber: #8b5c2a; --amber-tint: #f5ead8; --amber-pale: #e8d4b8; --red: #8b2a2a; --bar-bg: #e4ebe3; --nav-bg: #ffffff; --input-bg: #f8faf7; --placeholder: #a8b5a6; /* Shared */ --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --radius: 12px; --radius-sm: 8px; --shadow: 0 1px 3px rgba(0,0,0,0.06); --shadow-md: 0 4px 12px rgba(0,0,0,0.08); --shadow-lg: 0 8px 24px rgba(0,0,0,0.12); --transition: 0.25s ease; --max-w: 1120px; } [data-theme="dark"] { --page-bg: #0e1210; --card: #161d19; --card-alt: #1c2520; --line: #242e28; --line2: #2e3a32; --ink: #e8ede9; --ink-mid: #b8c9bc; --ink-sub: #7a9480; --ink-faint: #4a5e50; --green: #4aad74; --green-mid: #6abf8a; --green-tint: #1a2e22; --green-pale: #2a4035; --amber: #c4823a; --amber-tint: #2a1e10; --amber-pale: #3a2a18; --red: #c45050; --bar-bg: #242e28; --nav-bg: #161d19; --input-bg: #1c2520; --placeholder: #4a5e50; }