/* TokenForge — design tokens. SINGLE SOURCE OF TRUTH for colors, radii, shadows, fonts. Every page loads this file first (before /site.css and /tool.css) — never re-declare these variables anywhere else. Light is default; dark via [data-theme="dark"] on . */ :root { --bg: #F7F8FA; --surface: #FFFFFF; --border: #E3E7EC; --text: #16202C; --muted: #5A6675; --accent: #1F8A8A; --accent-hover: #1A7575; --accent-weak: #E6F2F2; --border-strong: #CDD4DC; --text-on-accent: #FFFFFF; --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --radius: 8px; --radius-card: 12px; --shadow-card: 0 1px 2px rgba(22,32,44,0.04), 0 8px 24px rgba(22,32,44,0.08); color-scheme: light; } [data-theme="dark"] { --bg: #0E1419; --surface: #161E26; --border: #28333D; --text: #E8EDF2; --muted: #9AA7B4; --accent: #2BB3B3; --accent-hover: #3FC4C4; --accent-weak: #14333A; --border-strong: #3A4651; --text-on-accent: #06181A; --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.5); color-scheme: dark; }