/* Tokens da lojinha-natal. Unico lugar com hex de cor (templates nunca tem hex). */
:root {
  /* bloco gerado pelo paleta.py (LASTRO, literal) */
  --cor-primaria: #6F1D1B;
  --cor-primaria-hover: #4E1413;
  --cor-primaria-escura: #250A09;
  --cor-primaria-suave: #F8E8E7;
  --cor-primaria-soft: rgba(111, 29, 27, 0.12);
  --cor-primaria-sombra: rgba(111, 29, 27, 0.15);
  --cor-primaria-texto: #6F1D1B;
  --texto-sobre-cor-primaria: #FFFFFF;
  --cor-secundaria: #8CADA7; --cor-secundaria-hover: #749C95; --cor-secundaria-escura: #5C817A;
  --cor-secundaria-suave: #EDF2F1; --cor-secundaria-soft: rgba(140,173,167,0.12);
  --cor-secundaria-sombra: rgba(140,173,167,0.15); --cor-secundaria-texto: #587B75; --texto-sobre-cor-secundaria: #000000;

  /* fundo e neutros */
  --fundo: #D6E2D9;
  --branco: #FFFFFF;
  --borda: #E4E2D0;
  --borda-campo: #87948B;
  --texto: #1F1A17;
  --texto-secundario: #4A4440;
  --texto-fraco: #645D56;

  /* estados */
  --verde: #2E7D4F;
  --verde-suave: #E6F3EB;
  --verde-escuro: #1D5434;
  --vermelho: #B42318;
  --vermelho-suave: #FDECEA;
  --amarelo: #8A5A00;
  --amarelo-suave: #FFF4DB;

  /* fontes (self-hosted em static/fonts) */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", system-ui, sans-serif;

  /* espacamento */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* raios */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* sombras */
  --sombra-sm: 0 1px 2px rgba(31, 26, 23, 0.06);
  --sombra: 0 2px 8px rgba(31, 26, 23, 0.08);
  --sombra-md: 0 6px 18px rgba(31, 26, 23, 0.10);
  --sombra-lg: 0 14px 40px rgba(31, 26, 23, 0.16);

  --sidebar-width: 248px;
}