/* Design tokens — Plano A (S4). Light por padrão; dark via [data-theme="dark"] no . Tokens extraídos de docs/planoa.html. */ :root { --bg: #F6F7FA; --surface: #FFFFFF; --surface2: #F0F2F7; --surface3: #E8EBF3; --border: rgba(0,0,0,0.08); --border2: rgba(0,0,0,0.13); --text: #131722; --text2: #5A6178; --text3: #9099B3; --accent: #5C5FEF; --accent2: #7B7EF4; --accent-bg: #EEEEFF; --accent-strong: #4B4EDE; --sidebar: #0D1117; --sidebar2: #161B26; --sidebar-text: rgba(255,255,255,0.55); --sidebar-text-active: #fff; --sidebar-border: rgba(255,255,255,0.06); --success: #16A34A; --success-bg: #DCFCE7; --warning: #D97706; --warning-bg: #FEF3C7; --danger: #DC2626; --danger-bg: #FEE2E2; --info: #0891B2; --info-bg: #CFFAFE; --purple: #8B5CF6; --radius-sm: 6px; --radius: 10px; --radius-lg: 14px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.05); --shadow: 0 4px 16px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04); --shadow-lg: 0 12px 40px rgba(0,0,0,0.12); --font: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; --transition: 0.16s ease; } [data-theme="dark"] { --bg: #0A0D14; --surface: #111520; --surface2: #161B2A; --surface3: #1D2438; --border: rgba(255,255,255,0.07); --border2: rgba(255,255,255,0.12); --text: #E8EEFF; --text2: #8891B0; --text3: #525B78; --accent: #7B7EF4; --accent2: #9B9EFF; --accent-bg: #1E1F4E; --accent-strong: #6E71F0; --sidebar: #070A10; --sidebar2: #0D1117; --success-bg: #052E16; --warning-bg: #1C1106; --danger-bg: #1C0606; --info-bg: #061A20; }