:root {
  /* Fontes */
  --default-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Montserrat,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Montserrat", sans-serif;
  --nav-font: "Montserrat", sans-serif;
  --default-size: 1.1rem;
  --title-size: 2rem;

  /* Cores */
  --default-color: #50615b;
  --heading-color: #384142; /* títulos e subtítulos */
  --accent-color: #384142; /*Cor de destaque usada para botões, links e outros elementos. */
  --contrast-color: #e5dede; /* Cor de contraste para texto, contra fundos de destaque. */

  /* Nav Menu Colors */
  --nav-color: #ffffff; /* A cor padrão dos links do menu principal. */
  --nav-hover-weight: 600; /* hover ou focus. */
  --nav-mobile-background-color: #50615b;
  --nav-hover-border: box-shadow;
  --nav-dropdown-background-color: #50615b;
  --nav-dropdown-color: #ffffff; /* links de navegação dos itens do dropdown. */

  /* Smooth scroll */
  scroll-behavior: smooth;
}

/* Predefinições de Cores */

.light-background {
  --background-color: #50615b;
  --surface-color: #e5dede;
}

.dark-background {
  --background-color: #060606;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #252525;
  --contrast-color: #ffffff;
}