:root{
/* canvas e superfícies */
--bg-canvas:#000000;
--bg-surface-1:#0A0A0B;
--bg-surface-2:#121214;
--bg-surface-3:#1A1A1D;
/* bordas e luz */
--border-subtle:rgba(255,255,255,0.08);
--border-strong:rgba(255,255,255,0.14);
--highlight-top:rgba(255,255,255,0.06);
--highlight-top-hover:rgba(255,255,255,0.12);
/* texto */
--text-primary:#F5F5F7;
--text-secondary:#9A9CA3;
--text-tertiary:#6B6E76;
--text-emphasis:#C9D2E0;
--text-on-accent:#FFFFFF;
--text-on-light:#000000;
/* botão primário e controles marcados (switch, checkbox, radio) — monocromáticos, invertem no tema claro */
--btn-primary-bg:#F5F5F7;
--btn-primary-fg:#000000;
--btn-primary-hover:#FFFFFF;
--btn-primary-edge:rgba(255,255,255,0.9);
--btn-primary-glow:rgba(255,255,255,0.08);
--control-checked:#F5F5F7;
--control-checked-fg:#000000;
/* acento — cobalto, uma vez por página */
--accent:#2F5BFF;
--accent-hover:#4A70FF;
--accent-soft:rgba(47,91,255,0.12);
--accent-2:#0F7A86; /* petróleo — segunda cor do bloco de depoimento, harmônica com o cobalto */
--accent-2-soft:rgba(15,122,134,0.14);
/* semânticas — só dentro dos sistemas entregues (status de dado real) */
/* tinta = texto (>=4.5:1) · marca = ponto, borda e faixa (vibrante, não é texto) · soft = fundo do bloco */
--status-ok:#2FD27F;
--status-warn:#F2B13C;
--status-error:#FF6259;
--status-ok-mark:#16C273;
--status-warn-mark:#F2A41B;
--status-error-mark:#F0453A;
--status-ok-soft:rgba(22,194,115,0.18);
--status-warn-soft:rgba(242,164,27,0.18);
--status-error-soft:rgba(240,69,58,0.18);
/* aliases semânticos */
--surface-page:var(--bg-canvas);
--surface-panel:var(--bg-surface-1);
--surface-raised:var(--bg-surface-2);
--surface-hover:var(--bg-surface-3);
--surface-inverse:var(--text-primary);
--text-body:var(--text-secondary);
--text-heading:var(--text-primary);
--text-meta:var(--text-tertiary);
--link:var(--accent);
--focus-ring:var(--accent);
--glow:radial-gradient(60% 50% at 50% 0%,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 70%); /* @kind other */
--glow-strong:radial-gradient(60% 50% at 50% 0%,rgba(255,255,255,0.11) 0%,rgba(255,255,255,0) 70%); /* @kind other */
--scrim:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* @kind other */
}