:root {
  /* Cores */
  --floresta-900: #0b3320;
  --floresta-700: #11602f;
  --floresta-500: #1e8a3e;
  --lima:         #9be15d;
  --lima-tint:    #e9f7da;
  --oferta:       #f2c230;
  --oferta-ink:   #3a2c00;
  --madeira:      #7a4e2d;
  --creme:        #f7f3e8;
  --superficie:   #ffffff;
  --superficie-2: #ede7d6;
  --tinta:        #18241c;
  --tinta-suave:  #56665b;
  --linha:        #d8d3c2;
  --linha-forte:  #7c8d81;
  --on-floresta:  #ffffff;
  --on-acao:      #ffffff;
  --foco:         #11602f;
  --perigo:       #b3261e;

  /* Tipografia — famílias */
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-sans:    "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --font-oferta:  "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;

  /* Tipografia — escala Vitrine (DM Serif Display) */
  --text-display-xl: 3rem;      /* 48px */
  --text-display-l:  2.25rem;   /* 36px */
  --text-display-m:  1.75rem;   /* 28px */

  /* Tipografia — escala Balcão (Nunito Sans) */
  --text-titulo:  1.25rem;      /* 20px · 700 */
  --text-corpo-1: 1.0625rem;    /* 17px */
  --text-corpo:   0.9375rem;    /* 15px */
  --text-rotulo:  0.9375rem;    /* 15px · 700 */
  --text-legenda: 0.8125rem;    /* 13px */

  /* Tipografia — escala Oferta (Barlow Condensed) */
  --text-preco-xl: 2.5rem;      /* 40px · 700 */
  --text-preco:    1.5rem;      /* 24px · 700 */
  --text-selo:     0.8125rem;   /* 13px · 700 */

  /* Espaçamento */
  --esp-1:  4px;
  --esp-2:  8px;
  --esp-3:  12px;
  --esp-4:  16px;
  --esp-5:  20px;
  --esp-6:  24px;
  --esp-8:  32px;
  --esp-10: 40px;
  --esp-12: 48px;
  --esp-16: 64px;

  /* Raio */
  --raio-sm:   6px;
  --raio-md:   12px;
  --raio-lg:   20px;
  --raio-pill: 999px;

  /* Sombra */
  --sombra-card:   0 1px 2px rgba(24,36,28,.06), 0 4px 12px rgba(24,36,28,.06);
  --sombra-painel: 0 12px 40px rgba(11,51,32,.18);

  /* Header */
  --header-h: 64px;
  --header-h-compact: 52px;
}