/* =========================================================================
   tokens.css — Identidade visual do SowVertex (tema claro, verde floresta).
   Paleta extraída do projeto de referência da Sow Campo.
   PARA TROCAR A COR DA MARCA: mexa só nas variáveis abaixo.
   ========================================================================= */
:root{
  /* Cores base (tema claro / quente) */
  --bg:#F4F1EB;                 /* fundo bege da página */
  --bg-elev:#FBFAF6;            /* sidebar / superfície levemente elevada */
  --surface:#FFFFFF;            /* cards */
  --surface-2:#FAF8F3;          /* rodapé de card / faixas suaves */
  --surface-glass:rgba(255,255,255,.72);
  --border:#E6E2D8;            /* bordas suaves quentes */
  --border-soft:#EFEDE6;       /* divisórias mais leves */
  --border-strong:#D9D4C7;     /* borda em hover / ênfase */
  --text:#18181B;             /* título quase preto */
  --text-strong:#43413C;      /* rótulos de seção — mais forte que os itens */
  --text-dim:#6B6862;         /* texto secundário */
  --text-faint:#9FA09C;       /* subtítulo / placeholder */

  /* Accent / marca — verde floresta */
  --primary:#3A5A40;
  --primary-hover:#2F4A34;
  --primary-soft:rgba(58,90,64,.10);
  --primary-fg:#FFFFFF;
  --ring:rgba(58,90,64,.22);

  /* Semânticas */
  --success:#3A5A40;
  --danger:#B3402E;
  --warning:#C08A2E;

  /* Tipografia */
  --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:26px;

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

  /* Raios e sombras */
  --radius:10px; --radius-sm:8px; --radius-lg:14px;
  --shadow:0 1px 2px rgba(24,24,27,.04), 0 8px 24px rgba(24,24,27,.06);
  --shadow-lg:0 1px 3px rgba(24,24,27,.06), 0 10px 30px rgba(24,24,27,.07);
  --blur:blur(12px);

  /* Layout */
  --sidebar-w:256px;
  --content-w:1240px;   /* largura util do conteudo (topbar e content usam) */
  --topbar-h:62px;
}