/*
 * Tema da MTC Prop: GERADO por pacotes/ui/scripts/gerar-temas.mjs a partir da cor da marca (#45EF5F, marca.json).
 * Nao editar a mao. Material 3 (esquema "vibrant"), dois modos: claro (dia) e escuro (noite).
 * Modo: segue o aparelho; data-tema="claro" ou "escuro" no <html> fixa (o botao de sol e lua grava a escolha).
 * Servido em runtime como /marca/tema.css pelo ambiente da marca. Nenhum componente sabe qual marca e.
 */
:root {
  /* A cor da marca como ela e (logo, grafico da capa); nas telas vale o --md-primary. */
  --marca-acento: #45ef5f;
  --md-destaque: var(--md-primary);
  --md-on-destaque: var(--md-on-primary);
  --md-primary: #006e1f;
  --md-on-primary: #ffffff;
  --md-primary-container: #6fff7a;
  --md-on-primary-container: #005315;
  --md-secondary: #426651;
  --md-on-secondary: #ffffff;
  --md-secondary-container: #c3ecd1;
  --md-on-secondary-container: #2a4e3a;
  --md-tertiary: #246959;
  --md-on-tertiary: #ffffff;
  --md-tertiary-container: #acf0db;
  --md-on-tertiary-container: #005141;
  --md-error: #ba1a1a;
  --md-on-error: #ffffff;
  --md-error-container: #ffdad6;
  --md-on-error-container: #93000a;
  --md-surface: #f3fced;
  --md-surface-dim: #d3ddce;
  --md-surface-bright: #f3fced;
  --md-surface-container-lowest: #ffffff;
  --md-surface-container-low: #edf7e7;
  --md-surface-container: #e7f1e1;
  --md-surface-container-high: #e2ebdc;
  --md-surface-container-highest: #dce5d6;
  --md-on-surface: #161e14;
  --md-on-surface-variant: #3f4a3c;
  --md-outline: #6f7a6b;
  --md-outline-variant: #becab8;
  --md-inverse-surface: #2a3328;
  --md-inverse-on-surface: #eaf4e4;
  --md-inverse-primary: #00e54b;
  --md-scrim: #000000;
  --md-shadow: #000000;
  --md-success: #1a6d25;
  --md-on-success: #ffffff;
  --md-success-container: #a2f69d;
  --md-on-success-container: #002204;
  --md-warning: #7d5700;
  --md-on-warning: #ffffff;
  --md-warning-container: #ffdeaa;
  --md-on-warning-container: #271900;
  --md-info: #006399;
  --md-on-info: #ffffff;
  --md-info-container: #cde5ff;
  --md-on-info-container: #001d32;
}

:root[data-tema="escuro"] {
  --md-primary: #00e54b;
  --md-on-primary: #00390c;
  --md-primary-container: #005315;
  --md-on-primary-container: #6fff7a;
  --md-secondary: #a8d0b5;
  --md-on-secondary: #123724;
  --md-secondary-container: #2a4e3a;
  --md-on-secondary-container: #c3ecd1;
  --md-tertiary: #90d4bf;
  --md-on-tertiary: #00382c;
  --md-tertiary-container: #005141;
  --md-on-tertiary-container: #acf0db;
  --md-error: #ffb4ab;
  --md-on-error: #690005;
  --md-error-container: #93000a;
  --md-on-error-container: #ffdad6;
  --md-surface: #0d150d;
  --md-surface-dim: #0d150d;
  --md-surface-bright: #333b31;
  --md-surface-container-lowest: #081008;
  --md-surface-container-low: #161e14;
  --md-surface-container: #1a2218;
  --md-surface-container-high: #242c22;
  --md-surface-container-highest: #2e372d;
  --md-on-surface: #dce5d6;
  --md-on-surface-variant: #becab8;
  --md-outline: #889484;
  --md-outline-variant: #3f4a3c;
  --md-inverse-surface: #dce5d6;
  --md-inverse-on-surface: #2a3328;
  --md-inverse-primary: #006e1f;
  --md-scrim: #000000;
  --md-shadow: #000000;
  --md-success: #87d983;
  --md-on-success: #00390b;
  --md-success-container: #005314;
  --md-on-success-container: #a2f69d;
  --md-warning: #f9bc49;
  --md-on-warning: #422c00;
  --md-warning-container: #5f4100;
  --md-on-warning-container: #ffdeaa;
  --md-info: #94ccff;
  --md-on-info: #003352;
  --md-info-container: #004b74;
  --md-on-info-container: #cde5ff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --md-primary: #00e54b;
    --md-on-primary: #00390c;
    --md-primary-container: #005315;
    --md-on-primary-container: #6fff7a;
    --md-secondary: #a8d0b5;
    --md-on-secondary: #123724;
    --md-secondary-container: #2a4e3a;
    --md-on-secondary-container: #c3ecd1;
    --md-tertiary: #90d4bf;
    --md-on-tertiary: #00382c;
    --md-tertiary-container: #005141;
    --md-on-tertiary-container: #acf0db;
    --md-error: #ffb4ab;
    --md-on-error: #690005;
    --md-error-container: #93000a;
    --md-on-error-container: #ffdad6;
    --md-surface: #0d150d;
    --md-surface-dim: #0d150d;
    --md-surface-bright: #333b31;
    --md-surface-container-lowest: #081008;
    --md-surface-container-low: #161e14;
    --md-surface-container: #1a2218;
    --md-surface-container-high: #242c22;
    --md-surface-container-highest: #2e372d;
    --md-on-surface: #dce5d6;
    --md-on-surface-variant: #becab8;
    --md-outline: #889484;
    --md-outline-variant: #3f4a3c;
    --md-inverse-surface: #dce5d6;
    --md-inverse-on-surface: #2a3328;
    --md-inverse-primary: #006e1f;
    --md-scrim: #000000;
    --md-shadow: #000000;
    --md-success: #87d983;
    --md-on-success: #00390b;
    --md-success-container: #005314;
    --md-on-success-container: #a2f69d;
    --md-warning: #f9bc49;
    --md-on-warning: #422c00;
    --md-warning-container: #5f4100;
    --md-on-warning-container: #ffdeaa;
    --md-info: #94ccff;
    --md-on-info: #003352;
    --md-info-container: #004b74;
    --md-on-info-container: #cde5ff;
  }
}