/*
 * Tokens do Sistema de Design IMA v1.0 (ASCOM IMA, junho 2026).
 *
 * Copiado literalmente do bloco :root de IDENTIDADE_VISUAL_IMA/ima-ds.css.
 * Nao editar valores aqui: qualquer ajuste deve vir da fonte oficial.
 *
 * Apenas os tokens sao importados. Os componentes do ima-ds.css
 * (.btn, .table, .card, .input, .badge, .alert, .modal, .tabs) nao sao
 * carregados porque colidem com as classes de mesmo nome do Bootstrap 4
 * usado neste sistema. A adocao dos componentes fica para a migracao
 * para Bootstrap 5.
 */

:root {
  /* Marca — azuis */
  --ima-blue:        #00406D;  /* azul institucional — menus, cabeçalhos */
  --ima-blue-700:    #0A4F82;  /* hover sobre azul */
  --ima-blue-600:    #13608F;
  --ima-blue-900:    #002E50;  /* pressionado / profundidade */
  --ima-accent:      #009FE3;  /* azul claro — item selecionado, foco, links */
  --ima-accent-600:  #0089C7;
  --ima-accent-050:  #E5F5FD;  /* fundo de seleção suave */

  /* Marca — ações */
  --ima-green:       #5FBF49;  /* verde — confirmar / aprovar / sucesso */
  --ima-green-600:   #4DA438;  /* botão verde (texto branco AA) */
  --ima-green-700:   #3E8A2C;  /* hover do verde */
  --ima-green-050:   #EDF7E9;
  --ima-red:         #E30613;  /* vermelho — excluir / rejeitar / erro */
  --ima-red-600:     #C50510;  /* hover do vermelho */
  --ima-red-700:     #A40410;
  --ima-red-050:     #FDEAEB;

  /* Apoio (estados não-marca) */
  --ima-amber:       #E8A100;  /* atenção / pendente */
  --ima-amber-050:   #FDF3DC;

  /* Neutros */
  --gray-900: #1A2430;  /* texto principal (azul-acinzentado) */
  --gray-800: #2B3744;
  --gray-700: #45525F;  /* texto secundário */
  --gray-600: #58646F;  /* texto auxiliar reforçado */
  --gray-500: #6E7A86;  /* texto auxiliar / placeholder */
  --gray-400: #97A2AD;
  --gray-300: #C6CDD4;  /* bordas */
  --gray-200: #E1E6EA;  /* divisores */
  --gray-100: #EEF1F4;  /* fundos de campo */
  --gray-050: #F5F7F9;  /* fundo de página */
  --white:    #FFFFFF;

  /* Tipografia */
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  48px;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold: 600;
  --fw-bold:    700;

  /* Espaçamento (base 4) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px;

  /* Raios */
  --radius-sm: 4px;
  --radius:    6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-xs: 0 1px 2px rgba(16, 35, 53, .06);
  --shadow-sm: 0 1px 3px rgba(16, 35, 53, .10), 0 1px 2px rgba(16, 35, 53, .06);
  --shadow-md: 0 4px 12px rgba(16, 35, 53, .10);
  --shadow-lg: 0 12px 32px rgba(16, 35, 53, .16);

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

  /* Foco acessível */
  --focus-ring: 0 0 0 3px rgba(0, 159, 227, .35);
}