/* =========================================================
   FERMENTA SALES - DESIGN SYSTEM
   FASE 1 - FUNDACAO (tokens + tipografia)

   Este arquivo SO define @font-face e variaveis CSS.
   Nao contem nenhuma regra visual: inclui-lo nao muda
   layout, cor ou comportamento de nada por si so.

   O consumo das variaveis comeca na Fase 2
   (camada de componentes compartilhados).

   Prefixo --fsd-* (Fermenta Sales Design) escolhido para
   NAO colidir com --fs-* (fermenta-shell.css) nem
   --fs-v2-* (app-v2.css), que continuam validos.
   ========================================================= */

/* ---------- Tipografia auto-hospedada (sem CDN / LGPD) ---------- */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/inter-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/inter-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("/fonts/inter-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }

/* ---------- Tokens - tema claro (base) ---------- */
:root {
  /* superficie / neutros (vies azul) */
  --fsd-bg:        #F7F9FB;
  --fsd-surface:   #FFFFFF;
  --fsd-sunken:    #EDF1F6;
  --fsd-border:    #E1E7EF;
  --fsd-border-2:  #CBD4E1;

  /* texto */
  --fsd-ink:   #0E1B2C;
  --fsd-text:  #41506A;
  --fsd-muted: #6A7688;

  /* acento (acao) */
  --fsd-accent:      #2563EB;
  --fsd-accent-weak: #EEF4FF;
  --fsd-accent-ink:  #1D4FD8;

  /* amarelo da marca - reservado (progresso, meta, plano) */
  --fsd-gold:      #A97400;
  --fsd-gold-weak: #FBF2DA;
  --fsd-gold-fill: #F5B301;

  /* semanticas */
  --fsd-good: #0F8A5F;  --fsd-good-weak: #E6F5EE;
  --fsd-warn: #B45309;  --fsd-warn-weak: #FBF1E3;
  --fsd-crit: #C0362C;  --fsd-crit-weak: #FBEBE9;

  /* sidebar - fundo escuro nos DOIS temas */
  --fsd-sb-bg:        #0C1A2E;
  --fsd-sb-bg-2:      #0A1626;
  --fsd-sb-text:      rgba(255,255,255,.62);
  --fsd-sb-text-hi:   #FFFFFF;
  --fsd-sb-active-bg: rgba(91,155,255,.16);
  --fsd-sb-active-bd: rgba(91,155,255,.28);
  --fsd-sb-border:    rgba(255,255,255,.08);

  /* tipografia */
  --fsd-font-ui:   "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fsd-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* espacamento (base 4) */
  --fsd-sp-1: 4px;  --fsd-sp-2: 8px;  --fsd-sp-3: 12px; --fsd-sp-4: 16px;
  --fsd-sp-5: 24px; --fsd-sp-6: 32px; --fsd-sp-7: 48px; --fsd-sp-8: 64px;

  /* raios */
  --fsd-r-ctl:  8px;
  --fsd-r-card: 12px;
  --fsd-r-lg:   16px;
  --fsd-r-pill: 999px;

  /* elevacao */
  --fsd-shadow-sm: 0 1px 2px rgba(14,27,44,.06), 0 1px 3px rgba(14,27,44,.09);
  --fsd-shadow-lg: 0 16px 40px rgba(14,27,44,.16);

  /* layout / movimento */
  --fsd-sidebar-w: 250px;
  --fsd-ease: cubic-bezier(.2, 0, 0, 1);
  --fsd-dur:  .15s;

  /* App e paleta sao light-only. Fixa o esquema pra que o modo escuro
     do SO nao repinte controles nativos (inputs, scrollbar) nem force
     um "dark" pela metade. */
  color-scheme: light;
}

/* NOTA: nao ha tema escuro. As superficies (painel, tabela, cards, o
   fundo ambiente do glow-2026) sao branco fixo com !important em varias
   folhas. Um bloco @media (prefers-color-scheme: dark) aqui trocava so
   --fsd-ink/--fsd-text pra quase-branco, deixando titulo e cidade
   invisiveis sobre branco no SO em modo escuro. Removido ate existir um
   tema escuro de verdade (fundos + bordas + sombras). */