/* Design tokens — "Research Desk" identity: deep navy surfaces, one electric blue accent, and trading semantics (green up, red down, amber caution, violet for agent reasoning). The theme toggle stamps data-theme on . */ :root, :root[data-theme='dark'] { --bg: #080c12; --bg-2: #0b1018; --surface: #0f151e; --surface-2: #131b26; --surface-3: #18212e; --inset: #0a0f16; --line: #1c2633; --line-2: #263244; --ink: #e7edf4; --ink-2: #a6b3c2; --ink-3: #6b7a8b; --accent: #4c8dff; --accent-2: #74a7ff; --accent-ink: #ffffff; --accent-soft: rgba(76, 141, 255, 0.13); --accent-line: rgba(76, 141, 255, 0.45); --good: #22c07a; --good-soft: rgba(34, 192, 122, 0.13); --bad: #f25c7a; --bad-soft: rgba(242, 92, 122, 0.13); --warn: #f3a93b; --warn-soft: rgba(243, 169, 59, 0.14); --violet: #a28bff; --violet-soft: rgba(162, 139, 255, 0.14); --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4); --shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.02) inset; --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55); --glow: radial-gradient(1200px 600px at 85% -20%, rgba(76, 141, 255, 0.10), transparent 60%); color-scheme: dark; } :root[data-theme='light'] { --bg: #f4f6fa; --bg-2: #eef2f7; --surface: #ffffff; --surface-2: #f7f9fc; --surface-3: #eef2f8; --inset: #f3f6fa; --line: #e2e8f0; --line-2: #d3dbe6; --ink: #0e1726; --ink-2: #475569; --ink-3: #8593a6; --accent: #2d6cf0; --accent-2: #1f58d6; --accent-ink: #ffffff; --accent-soft: rgba(45, 108, 240, 0.09); --accent-line: rgba(45, 108, 240, 0.4); --good: #0f9d63; --good-soft: rgba(15, 157, 99, 0.1); --bad: #d9375b; --bad-soft: rgba(217, 55, 91, 0.09); --warn: #c27a06; --warn-soft: rgba(194, 122, 6, 0.1); --violet: #6d4fe0; --violet-soft: rgba(109, 79, 224, 0.09); --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06); --shadow: 0 8px 24px rgba(15, 23, 42, 0.07), 0 1px 2px rgba(15, 23, 42, 0.05); --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.16); --glow: radial-gradient(1200px 600px at 85% -20%, rgba(45, 108, 240, 0.06), transparent 60%); color-scheme: light; } :root { --font: 'Inter', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif; --mono: 'JetBrains Mono', 'Cascadia Code', ui-monospace, Consolas, monospace; --r-sm: 6px; --r: 10px; --r-lg: 14px; --sidebar-w: 248px; --ease: cubic-bezier(0.2, 0.7, 0.2, 1); }