/* Paleta da Benevente. Gerada por tools/design_tokens.py — não edite à mão.
 * O site e o app leem este mesmo arquivo; o artefato recebe o mesmo bloco
 * embutido, porque precisa ser um documento só. Um teste compara os três.
 *
 * O claro é o padrão, e é o que vale quando nada foi escolhido — a
 * preferência do sistema não é consultada, para que a página nunca abra
 * num tema que o :root não descreve. O escuro é escolha explícita e fica
 * guardada no navegador de quem escolheu.
 */
:root {
  --canvas: #f4faf7;
  --card: #ffffff;
  --elev: #e8f3ee;
  --inverso: #0d2b22;
  --line: #dcdfe5;
  --line-strong: #b6bcc6;
  --inverso-linha: #2c5a49;
  --fg: #0a0a0a;
  --fg-2: #52565e;
  --fg-3: #767b85;
  --sobre-inverso: #ffffff;
  --acao: #0d7a52;
  --acao-inverso: #79e1ce;
  --acao-fraco: #eaf7f1;
  --acao-vivo: #35bd87;
  --acao-vivo-fg: #0a0a0a;
  --neg: #c8322f;
  --neg-fraco: #fdecec;
  --btn: #2a9d7b;
  --btn-fg: #0a0a0a;
}
:root[data-theme="dark"] {
  --canvas: #0a0a0a;
  --card: #101915;
  --elev: #17231e;
  --inverso: #17231e;
  --line: #313131;
  --line-strong: #454545;
  --inverso-linha: #454545;
  --fg: #ffffff;
  --fg-2: #a7a7a7;
  --fg-3: #7c7c7c;
  --sobre-inverso: #ffffff;
  --acao: #5fd3a0;
  --acao-inverso: #5fd3a0;
  --acao-fraco: #0c2119;
  --acao-vivo: #5fd3a0;
  --acao-vivo-fg: #0a0a0a;
  --neg: #ff6b6b;
  --neg-fraco: #241213;
  --btn: #5fd3a0;
  --btn-fg: #0a0a0a;
}
:root, :root[data-theme="dark"] {
  --sans: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --display: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --serif: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}