/* Tokens do projeto. Decisão do DIA 3: tema light, cor de marca verde musgo.
   A cor só aparece aqui: nenhum template escreve o hex direto. */

:root {
  /* Cor de marca (rampa derivada por paleta.py, contraste 4.64 sobre branco) */
  --cor-primaria: #6B7A4F;
  --cor-primaria-hover: #55613F;
  --cor-primaria-escura: #3A422B;
  --cor-primaria-suave: #F1F3EC;
  --cor-primaria-soft: rgba(107, 122, 79, 0.12);
  --cor-primaria-sombra: rgba(107, 122, 79, 0.15);
  --texto-sobre-cor-primaria: #FFFFFF;

  /* Superfícies e texto (tema claro) */
  --branco: #ffffff;
  --superficie: #ffffff;
  --fundo: #f4f6f1;
  --borda: #e3e6dd;
  --texto: #1e2318;
  --texto-secundario: #474d3d;
  --texto-suave: #5d6450;
  --texto-fraco: #8a917c;

  /* Situação (shelf): cor forte, fundo suave e texto sobre o fundo suave */
  --shelf-verde: #3f7d3a;
  --shelf-verde-suave: #e6f3e4;
  --shelf-verde-texto: #2a5e26;
  --shelf-amarelo: #b7791f;
  --shelf-amarelo-suave: #fbf0d9;
  --shelf-amarelo-texto: #8a5a0f;
  --shelf-vermelho: #c0392b;
  --shelf-vermelho-suave: #fbe7e4;
  --shelf-vermelho-texto: #9b2c20;

  /* Feedback */
  --verde: #2f7d32;
  --verde-suave: #e8f3e8;
  --verde-escuro: #1f5c22;
  --vermelho: #c0392b;

  /* Tipografia */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  /* Formas */
  --raio: 10px;
  --raio-sm: 8px;
  --raio-full: 999px;
  --sombra: 0 1px 2px rgba(30, 35, 24, 0.05), 0 6px 18px rgba(30, 35, 24, 0.05);
  --transicao: 0.16s ease;

  /* Layout */
  --sidebar-width: 248px;
  --topbar-h: 60px;
}
