/* Gerado a partir de Ajustes → Cores do sistema. Não edite à mão. */
:root {
  --plano: #f8f8f1;
  --superficie: #fcfcf8;
  --superficie-2: #f1f1ea;
  --superficie-3: #ebebe4;
  --tinta: #0b0b0b;
  --tinta-2: #525250;
  --tinta-3: #888885;
  --linha: #e0e0da;
  --linha-forte: #c2c2bd;
  --acento: #3f9258;
  --acento-forte: #347848;
  --acento-tinta: #0b0b0b;
  --acento-fraco: rgba(63, 146, 88, .10);
  --acento-anel: rgba(63, 146, 88, .35);
  --bom: #0ca30c;
  --atencao: #fab219;
  --serio: #ec835a;
  --critico: #d03b3b;
  --critico-fraco: rgba(208, 59, 59, .12);
  --grade: #e0e0da;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --plano: #0e0e0b;
    --superficie: #1b1b18;
    --superficie-2: #252522;
    --superficie-3: #2f2f2c;
    --tinta: #ffffff;
    --tinta-2: #c3c3c2;
    --tinta-3: #898988;
    --linha: #2d2d2a;
    --linha-forte: #393936;
    --acento: #90dfa8;
    --acento-forte: #a4e5b8;
    --acento-tinta: #1a281e;
    --acento-fraco: rgba(144, 223, 168, .16);
    --acento-anel: rgba(144, 223, 168, .45);
    --bom: #0ca30c;
    --atencao: #fab219;
    --serio: #ec835a;
    --critico: #d03b3b;
    --critico-fraco: rgba(208, 59, 59, .18);
    --grade: #2d2d2a;
  }
}

:root[data-tema="escuro"] {
  --plano: #0e0e0b;
  --superficie: #1b1b18;
  --superficie-2: #252522;
  --superficie-3: #2f2f2c;
  --tinta: #ffffff;
  --tinta-2: #c3c3c2;
  --tinta-3: #898988;
  --linha: #2d2d2a;
  --linha-forte: #393936;
  --acento: #90dfa8;
  --acento-forte: #a4e5b8;
  --acento-tinta: #1a281e;
  --acento-fraco: rgba(144, 223, 168, .16);
  --acento-anel: rgba(144, 223, 168, .45);
  --bom: #0ca30c;
  --atencao: #fab219;
  --serio: #ec835a;
  --critico: #d03b3b;
  --critico-fraco: rgba(208, 59, 59, .18);
  --grade: #2d2d2a;
}