/*
  TOKENS DE DESIGN - M&A Inteligência Contábil
  Paleta profissional: navy escuro + teal + verde financeiro.
  NOTA: atualize as variáveis de cor com a paleta oficial da M&A quando disponível.
  Toda mudança aqui propaga automaticamente para todas as telas.
*/
:root {
  /* Cores principais */
  --bg:           #070C18;
  --bg-elev:      #0D1526;
  --surface:      #13203A;
  --surface-2:    #192845;
  --border:       #1E3356;
  --border-light: #254070;

  /* Texto */
  --text:         #E2EBF8;
  --text-dim:     #7B9ABF;
  --text-muted:   #4A6080;

  /* Acento principal (teal) */
  --accent:       #00B4D8;
  --accent-hover: #23D4F8;
  --accent-soft:  rgba(0, 180, 216, 0.12);
  --accent-dark:  rgba(0, 180, 216, 0.06);

  /* Acento secundário (verde - valores positivos) */
  --green:        #00D68F;
  --green-soft:   rgba(0, 214, 143, 0.12);

  /* Estados */
  --success:      #00D68F;
  --danger:       #FF4757;
  --warning:      #FFAA00;
  --info:         #00B4D8;

  --success-soft: rgba(0, 214, 143, 0.10);
  --danger-soft:  rgba(255, 71, 87, 0.10);
  --warning-soft: rgba(255, 170, 0, 0.10);

  /* Tipografia */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;

  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-base: 13px;
  --fs-md:   14px;
  --fs-lg:   16px;
  --fs-xl:   20px;
  --fs-2xl:  26px;
  --fs-3xl:  34px;

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

  /* Raios */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Sombras */
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.25);
  --shadow:     0 8px 24px rgba(0,0,0,0.35);
  --shadow-lg:  0 16px 48px rgba(0,0,0,0.45);

  /* Layout */
  --sidebar-w:  256px;
  --topbar-h:   60px;

  /* Transição */
  --tr: 0.15s ease;
}