/**
 * Essência — base global segura.
 * Não contém estilos específicos de páginas ou WooCommerce.
 */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  text-rendering: optimizeLegibility;
}

body {
  color: var(--ess-text-900);
  background: var(--ess-ivory-50);
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4 {
  color: var(--ess-navy-950);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
}

h1 {
  font-size: clamp(42px, 4.2vw, 64px);
  line-height: 1.02;
}

h2 {
  font-size: clamp(32px, 3vw, 44px);
  line-height: 1.08;
}

h3 {
  font-size: clamp(24px, 2vw, 28px);
  line-height: 1.15;
}

h4 {
  font-size: clamp(20px, 1.6vw, 22px);
  line-height: 1.2;
}

.ess-container {
  width: min(
    var(--ess-container),
    calc(100% - (2 * var(--ess-gutter)))
  );
  margin-inline: auto;
}

:focus-visible {
  outline: 3px solid var(--ess-gold-600);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}