/* =========================================================
   SERRUDO — TOKENS COMUNS (loja + painel)
   Paleta oficial da marca (09/10/2026): preto e grafite na navegação e nas áreas
   escuras, gelo e branco nas áreas de conteúdo, esmeralda como cor da marca.
   Mudar aqui muda as duas telas. O que é só de uma tela continua nela:
   loja → --topo e --transicao; painel → --lateral, --transicao e o tema escuro.
========================================================= */
:root{
  /* paleta oficial */
  --serrudo-preto:#101114;
  --serrudo-cabecalho:#17191D;
  --serrudo-esmeralda:#087F68;
  --serrudo-verde:#16A58A;
  --serrudo-gelo:#F5F6F7;
  --serrudo-cinza-claro:#E8EAED;
  --serrudo-grafite:#343840;
  --serrudo-cinza-texto:#A7ADB5;
  /* cores de uso */
  --preto:var(--serrudo-preto);
  --preto-2:var(--serrudo-cabecalho);
  --offwhite:var(--serrudo-gelo);
  --branco:#FFFFFF;
  --texto:var(--serrudo-preto);
  --texto-2:#5B616B;                          /* secundário sobre claro (AA) */
  --texto-escuro-2:var(--serrudo-cinza-texto);/* secundário sobre escuro */
  --borda:var(--serrudo-cinza-claro);
  --destaque:var(--serrudo-esmeralda);        /* botões, ícones e preenchimentos (texto branco por cima: AA) */
  --destaque-texto:var(--serrudo-esmeralda);  /* texto de destaque sobre claro (AA) */
  --destaque-claro:var(--serrudo-verde);      /* destaques sobre fundo escuro */
  --alerta:#A33A2B;
  --aviso:#9A6B12;
  --ok:#3F6B4E;
  /* fontes */
  --fonte-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --fonte-texto:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  /* cantos (bem redondo) */
  --raio:14px;          /* caixas pequenas: fotos miúdas, avisos, quadros */
  --raio-card:20px;     /* cartões, fotos grandes, blocos */
  --raio-selo:999px;    /* selos em pílula */
  --raio-pilula:999px;  /* botões, campos de uma linha, chips */
}