@font-face{font-family:'Manrope';src:url('../assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
/* ==========================================================================
   NPS Pós-Venda — tokens de design
   Mesma linguagem visual do Simulador NE Máquinas (cores, fontes, raios, sombras).
   Na migração para React/Tailwind estes valores viram o tema (theme.ts).
   ========================================================================== */
:root{
  color-scheme:light;
  /* marca */
  --brand:#E31837;          /* vermelho NE */
  --brand-dark:#B9142C;
  --brand-soft:#FDECEF;

  /* neutros */
  --ink:#0F1114;
  --ink-2:#2A2D35;
  --muted:#6B7280;
  --line:#E5E7EB;
  --bg:#F8F9FB;
  --sub:#F1F5F9;
  --card:#FFFFFF;

  /* NPS */
  --promotor:#16A34A;  --promotor-soft:#DCFCE7;
  --neutro:#D97706;    --neutro-soft:#FEF3C7;
  --detrator:#DC2626;  --detrator-soft:#FEE2E2;
  --info:#2563EB;      --info-soft:#DBEAFE;
  --purple:#9333EA;    --purple-soft:#F3E8FF;

  /* tipografia */
  --f-title:'Manrope','Plus Jakarta Sans',system-ui,sans-serif;
  --f-body:'Manrope','DM Sans',system-ui,sans-serif;
  --f-num:'JetBrains Mono',ui-monospace,monospace;

  /* forma */
  --radius:10px;
  --radius-sm:6px;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow-lg:0 10px 40px rgba(0,0,0,.08);

  /* layout */
  --side-w:248px;
  --top-h:64px;
}