:root {
  /* ===== CORES ===== */
  --cor-fundo:            #FFFFFF;
  --cor-fundo-alt:        #FAF6F2;
  --cor-fundo-escuro:     #2B2320;

  --cor-texto:            #2B2B2B;
  --cor-texto-suave:      #6B6560;
  --cor-texto-claro:      #FFFFFF;

  --cor-primaria:         #B08D57;
  --cor-primaria-escura:  #8A6B3F;
  --cor-destaque:         #C9A66B;

  --cor-erro:             #C0392B;
  --cor-sucesso:          #2E7D32;
  --cor-aviso:            #B7791F;

  /* ===== TIPOGRAFIA FLUIDA ===== */
  --fs-h1: clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);
  --fs-h2: clamp(1.4rem, 1.2rem + 1vw, 2rem);
  --fs-h3: clamp(1.15rem, 1.05rem + 0.5vw, 1.5rem);
  --fs-corpo: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --fs-pequeno: 0.85rem;

  /* ===== ESPAÇAMENTO ===== */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;

  /* ===== RAIO E SOMBRA ===== */
  --raio-padrao: 8px;
  --raio-pill: 999px;
  --sombra-card: 0 2px 8px rgba(43, 35, 32, 0.08);
  --sombra-hover: 0 4px 16px rgba(43, 35, 32, 0.14);

  /* ===== TRANSIÇÃO ===== */
  --transicao-padrao: all 0.2s ease-in-out;
}