/* Tokens da Gerais. A paleta sai do logo (medida com Pillow em marca/logo-gerais-sem-fundo.png):
   preto de pincel #201818, vermelho da bandeira de Minas #E83030, verde do "dventure"
   indo de #2E483B a #1A9A61. Ver NOTAS-DESIGN.md para os pares de contraste. */

:root {
  color-scheme: light;

  /* marca */
  --carvao: #201818;
  --bandeira: #E83030;
  --mata-funda: #2E483B;
  --mata-viva: #1A9A61;

  /* claro: manhã de neblina na serra */
  --fundo: #E7ECE7;
  --fundo-2: #DCE3DD;
  --texto: #201818;
  --texto-2: #4B4747;
  --link: #17643E;
  --foco: #17643E;
  --regua: rgba(32, 24, 24, 0.16);
  --vermelho-texto: #B3201F;

  /* a serra (do fundo para a frente: perspectiva aérea) */
  --ceu: #D3DED7;
  --serra-1: #B7C8BD;
  --serra-2: #8DA898;
  --serra-3: #557C66;
  --serra-4: #2E483B;
  --neblina: rgba(240, 244, 240, 0.75);

  /* vidro */
  --vidro-fundo: rgba(255, 255, 255, 0.28);
  --vidro-fundo-forte: rgba(250, 252, 250, 0.62);
  --vidro-borda: rgba(255, 255, 255, 0.7);
  --vidro-brilho: rgba(255, 255, 255, 0.85);
  --vidro-base: rgba(32, 24, 24, 0.10);
  --vidro-sombra: 0 10px 30px -8px rgba(30, 50, 40, 0.28);
  --vidro-texto: #201818;

  /* tipo (razão 1,333) */
  --t-0: 0.75rem;
  --t-1: 1.0625rem;
  --t-2: 1.333rem;
  --t-3: 1.777rem;
  --t-4: 2.369rem;
  --t-5: 3.157rem;
  --t-display: clamp(3.2rem, min(9.5vw, 16vh), 9.5rem);

  --margem: clamp(16px, 5vw, 72px);
  --largura: 1320px;
  --raio-pilula: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --fundo: #111915;
    --fundo-2: #16211C;
    --texto: #ECEFEA;
    --texto-2: #A9B4AD;
    --link: #5CCB95;
    --foco: #7FDBAE;
    --regua: rgba(236, 239, 234, 0.14);
    --vermelho-texto: #FF6B66;
    --ceu: #13201A;
    --serra-1: #213529;
    --serra-2: #1A2B22;
    --serra-3: #14221B;
    --serra-4: #0B1310;
    --neblina: rgba(120, 150, 135, 0.20);
    --vidro-fundo: rgba(30, 44, 37, 0.38);
    --vidro-fundo-forte: rgba(22, 33, 28, 0.70);
    --vidro-borda: rgba(236, 239, 234, 0.16);
    --vidro-brilho: rgba(236, 239, 234, 0.22);
    --vidro-base: rgba(0, 0, 0, 0.30);
    --vidro-sombra: 0 12px 32px -8px rgba(0, 0, 0, 0.6);
    --vidro-texto: #ECEFEA;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --fundo: #111915;
  --fundo-2: #16211C;
  --texto: #ECEFEA;
  --texto-2: #A9B4AD;
  --link: #5CCB95;
  --foco: #7FDBAE;
  --regua: rgba(236, 239, 234, 0.14);
  --vermelho-texto: #FF6B66;
  --ceu: #13201A;
  --serra-1: #213529;
  --serra-2: #1A2B22;
  --serra-3: #14221B;
  --serra-4: #0B1310;
  --neblina: rgba(120, 150, 135, 0.20);
  --vidro-fundo: rgba(30, 44, 37, 0.38);
  --vidro-fundo-forte: rgba(22, 33, 28, 0.70);
  --vidro-borda: rgba(236, 239, 234, 0.16);
  --vidro-brilho: rgba(236, 239, 234, 0.22);
  --vidro-base: rgba(0, 0, 0, 0.30);
  --vidro-sombra: 0 12px 32px -8px rgba(0, 0, 0, 0.6);
  --vidro-texto: #ECEFEA;
}