/*
  Paleta placeholder da Quarter Contabilidade.
  TODO: trocar --cor-primaria / --cor-primaria-escura pela cor oficial
  do escritorio do William assim que ele definir (mencionou um verde
  no teste anterior). Ate la, verde profissional como base neutra.
  Variaveis nomeadas como o padrao Padrao_Menu_Sidebar (cores do cliente),
  assim trocar a marca no futuro e so mudar estes valores.
*/
:root {
  /* Verde oficial Quarter (esmeralda vivo da marca — William confirmou 12/07/2026).
     Antes era um verde-floresta escuro (#14532d); clareado para o tom da marca. */
  --cor-primaria: #0e9f6e;
  --cor-primaria-escura: #0a7d55;
  --cor-primaria-suave: #e7f9f1;

  /* Marca oficial Quarter */
  --marca-verde: #24e0a0;        /* mint vivo — brilho do herói e pílula de sair */
  --marca-verde-logo: #10b981;   /* wordmark sobre fundo claro (legível, mesma família) */
  --marca-fundo: #0c1210;        /* escuro — usado só na pílula de apresentação */

  /* Paleta de graficos — suave e moderna (Cole: cinza contexto + 1 acento) */
  --grafico-accent: #10b981;
  --grafico-neutro: #94a3b8;   /* Margem Bruta (contexto) — cinza médio visível */
  --grafico-neutro-2: #cbd5e1; /* Margem Operacional (contexto) — cinza claro, mas visível */
  --grafico-positivo: #6ee7b7;
  --grafico-negativo: #fda4af;
  --grafico-total: #94a3b8;
  --grafico-grid: #eef2f1;

  --branco: #ffffff;
  --fundo: #f6f8f7;
  --borda: #e2e8e4;
  --texto: #1f2a24;
  --texto-secundario: #52605a;
  --texto-fraco: #8a948e;

  --success: #16a34a;
  --danger: #dc2626;
  --warning: #d97706;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;

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

  --dre-accent: var(--cor-primaria);

  --raio: 10px;
  --raio-sm: 6px;
  --raio-lg: 16px;
  --sombra-sm: 0 1px 2px rgba(20, 40, 30, 0.05);
  --sombra: 0 1px 3px rgba(20, 40, 30, 0.08);
  --sombra-md: 0 8px 24px rgba(20, 40, 30, 0.12);

  --sidebar-w: 240px;
  --topbar-h: 60px;
}