/* ============================================================
   MTZ FLOW · Design Tokens
   "marketing que vira o jogo"
   Tokens extraídos da Identidade Visual oficial (MTZ-IDV, 2025)
   e do MTZ Design System v1.0.
   ------------------------------------------------------------
   Estes valores são a ÚNICA fonte de verdade visual do sistema.
   Todas as cores, tipografias, raios, sombras e espaçamentos
   derivam daqui. Nada de cor "hardcoded" fora deste arquivo.
   ============================================================ */

:root {
  /* ---- Cores da marca ---- */
  --mtz-blue: #1313E1;        /* Azul MTZ · primária: logo, títulos, CTAs, links */
  --mtz-magenta: #EC00A9;     /* Magenta MTZ · energia, destaque, "queda/negativo" */
  --mtz-green: #A1E918;       /* Verde MTZ · ação e vitória, asterisco, "alta/positivo" */
  --mtz-indigo: #180340;      /* Indigo profundo · superfície escura */
  --mtz-white: #F9F7FF;       /* Off-white · canvas padrão */
  --mtz-black: #000000;
  --mtz-pure: #FFFFFF;

  /* ---- Variações operacionais ---- */
  --blue-press: #0F0FB4;
  --blue-ink:   #0C0CA0;
  --blue-soft:  #E7E7FF;
  --blue-soft-2:#D3D3FF;
  --magenta-press:#C4008D;
  --magenta-soft: #FFE3F6;
  --green-press:#8FD400;
  --green-deep: #6AA800;      /* verde legível p/ texto e indicadores positivos */
  --green-soft: #EEFBC9;
  --indigo-2:   #25105C;      /* indigo elevado */
  --indigo-3:   #2F1A6E;
  --indigo-4:   #3A2380;

  /* ---- Texto ---- */
  --ink:    #180340;          /* títulos sobre claro */
  --body:   #4B4568;          /* corpo sobre claro */
  --muted:  #7A7A9A;
  --muted-2:#A7A2BD;
  --on-dark:       #F9F7FF;
  --on-dark-soft:  rgba(249,247,255,.66);
  --on-dark-mute:  rgba(249,247,255,.42);

  /* ---- Superfícies ---- */
  --surface:        #FFFFFF;
  --surface-soft:   #F2F0FB;
  --surface-strong: #E9E7F6;
  --canvas:         #F4F2FC;  /* fundo geral do app (levemente mais fechado que o off-white) */

  /* ---- Hairlines / bordas ---- */
  --hair:      rgba(24,3,64,.12);
  --hair-2:    rgba(24,3,64,.08);
  --hair-3:    rgba(24,3,64,.20);
  --hair-dark: rgba(249,247,255,.16);
  --hair-dark-2: rgba(249,247,255,.09);

  /* ---- Cores semânticas (derivadas da marca · sem vermelho) ---- */
  --ok:      #6AA800;         /* sucesso / no prazo (verde legível) */
  --ok-bg:   #EEFBC9;
  --warn:    #E8890C;         /* atenção / risco médio (âmbar · único fora dos 4, p/ estado intermediário) */
  --warn-bg: #FDEED6;
  --danger:  #EC00A9;         /* crítico / atrasado (magenta substitui o vermelho) */
  --danger-bg:#FFE3F6;
  --info:    #1313E1;         /* neutro / informativo */
  --info-bg: #E7E7FF;

  /* ---- Tipografia ---- */
  /* Duas famílias auto-hospedadas (assets/css/fonts.css): Inter para texto,
     números e títulos; JetBrains Mono para conteúdo técnico. O sistema não
     usa fonte serifada display. --serif é mantido por compatibilidade e
     aponta para Inter. */
  --sans:  'Inter', -apple-system, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --serif: 'Inter', -apple-system, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Raios ---- */
  --r-xs: 6px;  --r-sm: 10px; --r-md: 14px;
  --r-lg: 20px; --r-xl: 28px; --r-2xl: 36px;
  --r-pill: 999px; --r-full: 9999px;

  /* ---- Espaçamentos ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;
  --s-24: 96px; --s-32: 128px;

  /* ---- Sombras ---- */
  --sh-xs: 0 1px 3px rgba(24,3,64,.06);
  --sh-sm: 0 2px 10px rgba(24,3,64,.06);
  --sh-md: 0 18px 48px -20px rgba(24,3,64,.28);
  --sh-lg: 0 40px 90px -30px rgba(24,3,64,.40);
  --sh-blue: 0 20px 60px -18px rgba(19,19,225,.45);

  /* ---- Layout do app ---- */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 68px;
  --content-max: 1480px;

  /* ---- Curvas de animação ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-in-out: cubic-bezier(.65,.05,.36,1);
  --dur: .22s;

  /* ---- z-index ---- */
  --z-sidebar: 60;
  --z-topbar: 55;
  --z-drawer: 80;
  --z-modal: 100;
  --z-toast: 120;
  --z-tooltip: 130;

  color-scheme: light;
}