:root {
  /* Paleta */
  --verde-escuro:  #061e12;
  --creme-natural: #f5f1e8;
  --terra-escura:  #4f560a;
  --verde-oliva:   #9db322;
  --verde-lima:    #c0e327;

  /* Separador */
  --separador: rgba(157, 179, 34, 0.30);

  /* Tipografia */
  --font-serif: 'Instrument Serif', serif;
  --font-sans:  'Cabin', sans-serif;

  /* Escala tipográfica */
  --size-display: 3rem;       /* 48px */
  --size-h1:      2.25rem;    /* 36px */
  --size-h2:      1.5rem;     /* 24px */
  --size-h3:      0.8125rem;  /* 13px */
  --size-body:    1rem;       /* 16px */
  --size-label:   0.75rem;    /* 12px */

  /* Espaçamentos base */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  6rem;
  --space-2xl: 8rem;

  /* Layout */
  --max-width: 1280px;
  --padding-x: 1.5rem;

  /* Transições */
  --transition: 0.25s ease;

  /* Animações */
  --anim-duration: 400ms;
}

@media (min-width: 768px) {
  :root {
    --padding-x: 3rem;
    --size-display: 3.75rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --padding-x: 5rem;
    --size-display: 4.5rem;
  }
}