/*
 * Redesign — Etapa 5, sub-etapa 1: Botões / cor de marca.
 *
 * Escopado a body[data-theme-preset="dark"] (preset claro intocado).
 * Sem guarda de @media aqui - cor de botao nao e' algo que o mobile
 * estiliza diferente hoje (os overrides mobile existentes so mexem em
 * min-height/border-radius/padding pra alvo de toque, nunca em cor - ver
 * index.php:20556), entao nao ha comportamento responsivo pra proteger
 * nesta mudanca especifica.
 *
 * --btn-primary hoje e' um valor FIXO (#22c55e) escrito direto no <style>
 * gerado por PHP (index.php:12364), igual nos dois presets (nao e'
 * theme-aware feito --app-header-bg-color e as outras). Por isso a unica
 * forma segura de mudar so o preset escuro e' redefinir a variavel aqui,
 * depois que o <style> inline ja rodou (nossos <link> carregam depois).
 *
 * Isso afeta as 7 regras globais `button:not(...)` que ja existem (index.php
 * e pro-ui.css) - elas leem var(--btn-primary)/var(--btn-primary-hover)/
 * var(--btn-danger)/var(--btn-danger-hover), entao um botao "normal" (sem
 * classe propria de cor) em QUALQUER tela passa a sair azul em vez de
 * verde, sem eu precisar tocar em nenhuma dessas 7 regras.
 */

body[data-theme-preset="dark"] {
  --btn-primary: var(--ds-primary);
  --btn-primary-hover: color-mix(in srgb, var(--ds-primary) 85%, black);
  --btn-danger: var(--ds-destructive);
  --btn-danger-hover: color-mix(in srgb, var(--ds-destructive) 85%, black);
}