/* Base de seção (vem primeiro; seções específicas sobrescrevem) */
.rt { background: var(--off-white); }

/* Design tokens: paleta e tipografia da identidade (Pedro) */

/* IvyOra Display: não incluída (fonte licenciada). O site usa Cormorant Garamond. */
:root {
  /* Paleta base (medida da imagem paleta.png) */
  --salvia: #707a64;        /* botoes, tags, estrelas, selo */
  --off-white: #f8f7f1;     /* fundo principal */
  --areia: #e2d4bb;         /* fundos de secao, detalhes quentes */
  --terracota: #8d564a;     /* titulos, destaques, formas organicas */
  --cinza-oliva: #898b7f;   /* textos secundarios, bordas, tags neutras */

  /* Derivados do layout de referencia */
  --fundo-secao: #f4f1e9;   /* secoes alternadas */
  --branco: #ffffff;        /* cards */
  --texto: #1a1a1a;         /* corpo */
  --salvia-hover: #5f6954;  /* hover do botao */

  /* Tipografia */
  --fonte-titulo: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --fonte-corpo: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Escala */
  --h1: clamp(2.75rem, 6vw, 5rem);
  --h2: clamp(2rem, 4vw, 3.25rem);
  --corpo: 1.0625rem;
  --raio: 14px;
  --sombra: 0 10px 30px rgba(112, 122, 100, 0.18);
}

body {
  font-family: var(--fonte-corpo);
  font-size: var(--corpo);
  color: var(--texto);
  background: var(--off-white);
  line-height: 1.6;
}
h1, h2, h3 {
  font-family: var(--fonte-titulo);
  font-weight: 400;
  color: var(--terracota);
  letter-spacing: -0.02em;
  line-height: 1.05;
}
h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }

.btn {
  display: inline-flex; align-items: center; gap: .6rem;
  background: var(--salvia); color: var(--off-white);
  font: 500 1rem var(--fonte-corpo); text-transform: uppercase; letter-spacing: .02em;
  padding: 1.1rem 2rem; border-radius: 6px; border: 0; box-shadow: var(--sombra);
  transition: background .2s, transform .2s;
}
.btn:hover { background: var(--salvia-hover); transform: translateY(-2px); }

.tag {
  background: var(--cinza-oliva); color: var(--off-white);
  font-size: .8rem; padding: .5rem .9rem; border-radius: 4px;
}
