/* Tokens do design system (spec seção 15.1). Tema escuro é o padrão; claro via data-theme="light" no . */ :root, :root[data-theme="dark"] { --bg: #0B0E14; --surface-1: #141923; --surface-2: #1B212D; --surface-3: #232B39; --border: rgba(255, 255, 255, .07); --border-strong: rgba(255, 255, 255, .14); --text-1: #F2F4F8; --text-2: #A3ABBC; --text-3: #6B7385; --lime: #C6F135; --lime-bg: rgba(198, 241, 53, .14); --red: #FF5C6C; --red-bg: rgba(255, 92, 108, .14); --amber: #FFC857; --amber-bg: rgba(255, 200, 87, .14); --blue: #5B9CFF; --blue-bg: rgba(91, 156, 255, .14); --shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset; --radius-card: 18px; --radius-ctl: 10px; --radius-pill: 999px; --font: "Inter", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; } :root[data-theme="light"] { --bg: #F3F5F9; --surface-1: #FFFFFF; --surface-2: #F7F8FB; --surface-3: #EDF0F5; --border: rgba(15, 23, 42, .08); --border-strong: rgba(15, 23, 42, .16); --text-1: #0F172A; --text-2: #475569; --text-3: #94A3B8; --lime: #5C9E00; --lime-bg: rgba(92, 158, 0, .12); --red: #D42B3A; --red-bg: rgba(212, 43, 58, .10); --amber: #B8760A; --amber-bg: rgba(184, 118, 10, .12); --blue: #2563EB; --blue-bg: rgba(37, 99, 235, .10); --shadow-card: 0 1px 2px rgba(15, 23, 42, .06); }