:root {
  /* --cor-bg-geral: #f7f7f7;
  --cor-bg-geral: linear-gradient(
      180deg,
      rgba(175, 194, 202, 1) 0%,
      rgb(174, 204, 218) 100%
    )
    fixed; */
  --cor-bg-geral: url("../../imagens/layout/wallpaper.jpg") no-repeat fixed
    center / cover;
  --cor-bg-header: #fff;
  --cor-bg-menu-lateral: #fff;
  --cor-bg-conteudo-modulo: #fff;

  --cor-icone: #2e5d82;

  /* --cor-principal: #791c57;
  --cor-principal-clara: #ab1f57;
  --cor-principal-hover: #c7316d; */

  --cor-principal: #870c37;
  --cor-principal-clara: #ae0e46;
  --cor-principal-hover: #cf1657;
  --cor-principal-transparent: #c7316d22;

  --cor-secundaria: #06a8bf;
  --cor-secundaria-clara: #70c9cf;
  --cor-secundaria-hover: #94e6ec;
  --cor-secundaria-transparent: #94e6ec22;

  --cor-texto: #2c2d35;
  --cor-texto-hover: #6f7075;

  --cor-texto-header: #2c2d35;
  --cor-texto-header-hover: #3f4046;

  --cor-texto-menu-lateral: #2c2d35;
  --cor-texto-menu-lateral-hover: #3f4046;

  --cor-texto-principal: white; /* quando o bg é cor principal */
  --cor-texto-secundaria: white; /* quando o bg é cor secundaria */

  --cor-cinza-mais-escuro: #aaaaaa;
  --cor-cinza-escuro: #cbcbcb;
  --cor-cinza: #dee3e4;
  --cor-cinza-claro: #f5f5f7;

  /* --shadow: 0 0 10px rgba(75, 75, 75, 0.45);
  --smooth-shadow: 0 0 10px rgba(75, 75, 75, 0.137); */

  --shadow: 0 3px 3px rgba(100, 100, 100, 0.1);
  --smooth-shadow: 0 3px 3px rgba(100, 100, 100, 0.1);
  --light: 0 0 15px rgba(255, 255, 255, 0.075);

  /* Glass */
  --glass-background: rgba(255, 255, 255, 0.8);
  --glass-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --glass-blur: blur(15px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.35);
}

html:has(.conteudo-modulo) {
  font-size: 90%;
}