/* Chácara Talivo — tokens · v2 "premium por referência" (29/09/2026)
 * Regras de estilo do Hallmark suspensas neste projeto por decisão do Robson; piso técnico mantido.
 * Paleta: marfim · areia · espresso · argila (acento) · noite (seção da festa) — sem verde+dourado (identidade da concorrente).
 * Contraste (WCAG): espresso/marfim 13,9 · taupe/marfim 5,3 · argila/marfim 4,7 · luar/noite 14,4 · branco/argila 5,2
 */

@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda-var.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda-italic-var.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("fonts/switzer-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("fonts/switzer-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("fonts/switzer-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --marfim:   #F7F2EB;
  --areia:    #EDE4D8;
  --espresso: #2A231F;
  --taupe:    #6E6259;
  --linha:    #D9CFC3;
  --argila:   #9C5B3E;
  --noite:    #131922;
  --noite-2:  #1B2330;
  --luar:     #EFE7DB;
  --luar-2:   #B9B0A4;
  --lampada:  #F2C27D;
  --branco:   #FFFDF9;
  --veu:      rgba(20, 16, 13, 0.55);   /* escurecimento sobre foto */
  --foco:     #9C5B3E;

  --serifa: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --sans:   "Switzer", "Helvetica Neue", Arial, sans-serif;

  --t-rotulo: 0.72rem;
  --t-pequeno: 0.875rem;
  --t-corpo: 1rem;
  --t-lead: 1.125rem;
  --t-h3: clamp(1.35rem, 1.1rem + 0.7vw, 1.7rem);
  --t-h2: clamp(2rem, 1.4rem + 1.9vw, 3.1rem);
  --t-h1: clamp(2.6rem, 1.5rem + 3.4vw, 4.75rem);

  --e-1: 0.5rem; --e-2: 1rem; --e-3: 1.5rem; --e-4: 2.5rem; --e-5: 4rem; --e-6: 6.5rem; --e-7: 9rem;
  --borda: 1px;
  --raio: 2px;
  --largura: 1240px;
  --margem: clamp(20px, 5vw, 72px);

  --suave: cubic-bezier(0.22, 1, 0.36, 1);
  --rapido: 200ms;
  --medio: 600ms;
  --lento: 1200ms;
}
