:root {
  /*=== CONFIGURAÇÕES DE TEMA (Dinâmicas via JS) ===*/
  /* Valores padrão: Verde (Original) */
  --hue: 170;
  --sat: 100%;
  --light: 26%;

  /*=== PALETA HSL AUTOMATIZADA ====================*/
  /* A cor primária é o coração do tema */
  --primary-color: hsl(var(--hue), var(--sat), var(--light));

  /* Variações automáticas baseadas no matiz (Hue) */
  --brand-dark: hsl(var(--hue), var(--sat), calc(var(--light) - 12%));

  /* Cores de fundo suaves que "bebem" da cor principal para harmonia */
  --brand-light: hsl(calc(var(--hue) - 22), 23%, 89%);
  --brand-light-2: hsl(calc(var(--hue) + 10), 14%, 97%);

  /*=== CORES FIXAS (Contraste e Leitura) ==========*/
  --headline: hsl(210, 11%, 15%);
  --paragraph: hsl(210, 9%, 31%);
  --brand-beige: hsl(39, 100%, 97%);
  --bg-light: hsl(180, 14%, 97%);
  --white: hsl(0, 0%, 100%);

  /*=== ESTRUTURA & MEDIDAS ========================*/
  font-size: 62.5%; /* 1rem = 10px */
  --nav-height: 7.2rem;
}

/* Ajustes de acessibilidade para o tema "Preto Premium" */
/* Quando o hue for 210 e a luz for baixa, suavizamos o fundo */
[data-theme="dark"] {
  --bg-light: hsl(210, 11%, 95%);
}