/* ============================================================
   variables.css — tokens de design
   ✏️ Não edite aqui. Edite as cores no siteConfig.js
   ============================================================ */

:root {
  /* Cores — sobrescritas pelo siteConfig.js */
  --cor-primaria:    #9cff90;
  --cor-acento:      #C8922A;
  --cor-fundo:       #FFFFFF;
  --cor-fundo-alt:   #F5F3EF;
  --cor-texto:       #1C1C1C;
  --cor-texto-sec:   #5A5A5A;
  --cor-texto-mut:   #9A9A9A;
  --cor-borda:       #E0DDD8;

  /* Tipografia */
  --fonte-titulo:    'Playfair Display', Georgia, serif;
  --fonte-corpo:     'DM Sans', 'Segoe UI', sans-serif;

  /* Espaçamentos */
  --espaco-xs:   8px;
  --espaco-sm:   16px;
  --espaco-md:   24px;
  --espaco-lg:   48px;
  --espaco-xl:   80px;
  --espaco-2xl:  120px;

  /* Bordas */
  --raio-sm:   4px;
  --raio-md:   8px;
  --raio-lg:   16px;
  --raio-full: 9999px;

  /* Sombras */
  --sombra-sm:  0 1px 4px rgba(0,0,0,0.08);
  --sombra-md:  0 4px 16px rgba(0,0,0,0.10);
  --sombra-lg:  0 8px 32px rgba(0,0,0,0.12);

  /* Transições */
  --trans-rapida: 0.15s ease;
  --trans-media:  0.25s ease;

  /* Container */
  --max-largura: 1120px;
}