:root{ /* CoreDot v2 — TEMA CLARO é o padrão. Tema escuro via [data-theme="dark"] na . Os nomes --preto-* / --branco-quente são semânticos (superfície / texto) e trocam por tema. --amarelo-fill NUNCA muda: é o amarelo de áreas preenchidas (botão, seleção, cursor, barra). --amarelo (texto/borda) escurece no claro para garantir contraste. */ --amarelo-fill:#FFD400; /* claro */ --preto-0:#FAF7EC;--preto-1:#F1ECDA;--preto-2:#E9E2CB;--preto-3:#E9E2CB; --branco-quente:#1B1A12;--cinza:#6E6858;--borda:#DAD2B8; --amarelo:#8F6A00;--amarelo-claro:#A87C00;--amarelo-sombra:#D8C48A; --verde:#1E9E33;--vermelho:#C0392B;--laranja:#B07A00; --tint-accent:rgba(143,106,0,.07);--tint-accent-2:rgba(143,106,0,.12); --glow-radial:radial-gradient(ellipse 60% 50% at 70% 30%,rgba(255,212,0,.22),transparent 70%); /* compat (nomes antigos) */ --creme:var(--preto-0);--creme-2:var(--preto-1);--creme-3:var(--cinza);--amarelo-profundo:var(--amarelo);--amarelo-suave:var(--amarelo-claro);--verde-pixel:var(--verde);--azul-gelo:#5b86a8; /* aliases semânticos */ --bg-page:var(--preto-0);--bg-section:var(--preto-1); --surface-card:var(--preto-1);--surface-panel:var(--preto-0);--surface-raised:var(--preto-1);--surface-screenshot:var(--preto-2); --text-title:var(--branco-quente);--text-body:var(--branco-quente);--text-muted:var(--cinza); --accent:var(--amarelo);--accent-strong:var(--amarelo);--accent-soft:var(--amarelo-claro);--accent-fill:var(--amarelo-fill); --on-accent:#1B1A12; --success:var(--verde);--danger:var(--vermelho);--warning:var(--laranja); --border-strong:var(--amarelo);--border-soft:var(--borda);--border-faint:var(--borda); --link:var(--amarelo);--link-hover:var(--branco-quente); } [data-theme="dark"]{ --preto-0:#0D0D0D;--preto-1:#151515;--preto-2:#1d1d1d;--preto-3:#1d1d1d; --branco-quente:#FFFDF2;--cinza:#8C8C8C;--borda:#2c2c2c; --amarelo:#FFD400;--amarelo-claro:#FFE873;--amarelo-sombra:#3a3200; --verde:#27c93f;--vermelho:#ff5f56;--laranja:#ffbd2e; --tint-accent:rgba(255,212,0,.06);--tint-accent-2:rgba(255,212,0,.12); --glow-radial:radial-gradient(ellipse 60% 50% at 70% 30%,rgba(255,212,0,.08),transparent 70%); --azul-gelo:#bfe3ff; --on-accent:#0D0D0D; --link-hover:var(--amarelo-claro); }