/* tema.css — tema "folhinha" (Contrato v3 da fábrica, ver docs/VISUAL.md).
   É o ÚNICO arquivo com cor literal do produto: componente usa token, nunca cor.
   Papel cinza-verde claro (não creme), folha branca, tinta verde-escura, verde profundo como
   AÇÃO (a cor do produto no evx, #1f6f5f) e âmbar como ATENÇÃO (a data "prevista"). */
[data-tema="folhinha"] {
  color-scheme: light;
  --bg:#f3f5f2;  --surface:#ffffff;  --surface2:#e9ede8;
  --text:#15221c;  --text2:#3f4f47;  --muted:#6b7a72;
  --line:#d6ddd8;  --line2:#bcc7c0;
  --accent:#1f6f5f;  --accent-vivo:#25846f;
  --accent-ink:#ffffff;  --accent-soft:rgba(31,111,95,.11);
  --good:#1d7a4a;  --warn:#9a5b00;  --bad:#b03434;  --info:#3d5a80;
  --good-soft:rgba(29,122,74,.12);   --warn-soft:rgba(154,91,0,.13);
  --bad-soft:rgba(176,52,52,.12);    --info-soft:rgba(61,90,128,.12);
  --neutral:var(--muted);  --neutral-soft:rgba(107,122,114,.12);
  --domingo:#b03434;
  --radius:10px;  --radius-sm:6px;
  --shadow:0 1px 2px rgba(21,34,28,.08),0 10px 28px rgba(21,34,28,.10);
  --shadow-sm:0 1px 2px rgba(21,34,28,.08),0 4px 12px rgba(21,34,28,.07);
  --maxw:720px;
  --card:var(--surface);  --ink:var(--text);  --brand:var(--accent);
}
@media (prefers-color-scheme: dark) {
  [data-tema="folhinha"] {
    color-scheme: dark;
    --bg:#101715;  --surface:#18211e;  --surface2:#22302a;
    --text:#edf3ef;  --text2:#b4c2ba;  --muted:#87968e;
    --line:#2a3833;  --line2:#3a4a43;
    --accent:#5cb59e;  --accent-vivo:#74c7b1;
    --accent-ink:#0d1512;  --accent-soft:rgba(92,181,158,.16);
    --good:#5fbd8a;  --warn:#d9a24a;  --bad:#e08a84;  --info:#93aed3;
    --good-soft:rgba(95,189,138,.15);  --warn-soft:rgba(217,162,74,.16);
    --bad-soft:rgba(224,138,132,.15); --info-soft:rgba(147,174,211,.15);
    --neutral-soft:rgba(135,150,142,.15);
    --domingo:#e08a84;
    --shadow:0 10px 30px rgba(0,0,0,.4);
    --shadow-sm:0 4px 14px rgba(0,0,0,.3);
  }
}