/* =======================================================================
   MedCore HIS — Design Tokens
   Versão: 1.0.0 · Fase A do Redesign Visual GOV.BR
   Gerado por: Fase A — Equipe 1 (2026-05-07)

   ATENÇÃO: Não editar hex literais aqui sem revisar todos os consumidores.
   Mudança aqui afeta TODAS as equipes simultaneamente.
   ======================================================================= */

:root {

  /* ───────────────────────────────────────────────────────────────────────
     1. PALETA MACRO — 4 cores de grupo (padrão GOV.BR / identidade MedCore)
     ─────────────────────────────────────────────────────────────────────── */

  /* Atendimento Clínico — azul governo */
  --mc-color-atendimento:       #1351B4;
  --mc-color-atendimento-light: #155BCB;
  --mc-color-atendimento-dark:  #0C3A80;
  --mc-color-atendimento-bg:    #EFF3FB;
  --mc-color-atendimento-50:    #dde9ff;

  /* Diagnóstico / Laboratório — verde saúde */
  --mc-color-diagnostico:       #168821;
  --mc-color-diagnostico-light: #1B9E28;
  --mc-color-diagnostico-dark:  #0E5C17;
  --mc-color-diagnostico-bg:    #EDFAF0;
  --mc-color-diagnostico-50:    #d3f5d8;

  /* Recepção / SUS / Urgência — laranja alerta */
  --mc-color-recepcao-sus:      #E25B00;
  --mc-color-recepcao-sus-light:#F06B10;
  --mc-color-recepcao-sus-dark: #A84200;
  --mc-color-recepcao-sus-bg:   #FFF2EA;
  --mc-color-recepcao-sus-50:   #ffe0c9;

  /* Gestão / Administrativo — navy institucional */
  --mc-color-gestao:            #071D41;
  --mc-color-gestao-light:      #0D2D63;
  --mc-color-gestao-dark:       #030D1F;
  --mc-color-gestao-bg:         #EEF0F5;
  --mc-color-gestao-50:         #c8cfdf;

  /* ───────────────────────────────────────────────────────────────────────
     2. SISTEMA LEGADO — cores anteriores mapeadas para compatibilidade
     ─────────────────────────────────────────────────────────────────────── */

  /* O navy legado (#0f4c81) é mapeado para atendimento.
     Mantido aqui para que medcore-theme.css migre gradualmente. */
  --mc-legacy-navy:    #0f4c81;
  --mc-legacy-navy-2:  #1a6fb5;
  --mc-legacy-teal:    #00a99d;

  /* ───────────────────────────────────────────────────────────────────────
     3. NEUTROS
     ─────────────────────────────────────────────────────────────────────── */

  --mc-neutral-0:    #ffffff;
  --mc-neutral-50:   #F9FAFB;
  --mc-neutral-100:  #F3F4F6;
  --mc-neutral-200:  #E5E7EB;
  --mc-neutral-300:  #D1D5DB;
  --mc-neutral-400:  #9CA3AF;
  --mc-neutral-500:  #6B7280;
  --mc-neutral-600:  #4B5563;
  --mc-neutral-700:  #374151;
  --mc-neutral-800:  #1F2937;
  --mc-neutral-900:  #111827;

  /* ───────────────────────────────────────────────────────────────────────
     4. SEMÂNTICAS — status clínicos / sistema
     ─────────────────────────────────────────────────────────────────────── */

  --mc-color-success:       #168821;
  --mc-color-success-bg:    #EDFAF0;
  --mc-color-warning:       #F59E0B;
  --mc-color-warning-bg:    #FFFBEB;
  --mc-color-danger:        #e63946;
  --mc-color-danger-bg:     #FEF2F2;
  --mc-color-info:          #3B82F6;
  --mc-color-info-bg:       #EFF6FF;

  /* Cores de Triagem de Manchester — NÃO ALTERAR JAMAIS (protocolo clínico) */
  --mc-manchester-vermelho:  #e63946;
  --mc-manchester-laranja:   #f4a261;
  --mc-manchester-amarelo:   #f9c74f;
  --mc-manchester-verde:     #2a9d8f;
  --mc-manchester-azul:      #4361ee;
  --mc-manchester-branco:    #f8f9fa;

  /* ───────────────────────────────────────────────────────────────────────
     5. TIPOGRAFIA
     ─────────────────────────────────────────────────────────────────────── */

  --mc-font-sans:   'Inter', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --mc-font-mono:   'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

  --mc-text-xs:     0.75rem;   /* 12px */
  --mc-text-sm:     0.875rem;  /* 14px */
  --mc-text-base:   1rem;      /* 16px */
  --mc-text-lg:     1.125rem;  /* 18px */
  --mc-text-xl:     1.25rem;   /* 20px */
  --mc-text-2xl:    1.5rem;    /* 24px */
  --mc-text-3xl:    1.875rem;  /* 30px */

  --mc-font-normal:   400;
  --mc-font-medium:   500;
  --mc-font-semibold: 600;
  --mc-font-bold:     700;
  --mc-font-extrabold:800;

  /* ───────────────────────────────────────────────────────────────────────
     6. ESPAÇAMENTO
     ─────────────────────────────────────────────────────────────────────── */

  --mc-space-1:   0.25rem;   /* 4px */
  --mc-space-2:   0.5rem;    /* 8px */
  --mc-space-3:   0.75rem;   /* 12px */
  --mc-space-4:   1rem;      /* 16px */
  --mc-space-5:   1.25rem;   /* 20px */
  --mc-space-6:   1.5rem;    /* 24px */
  --mc-space-8:   2rem;      /* 32px */
  --mc-space-10:  2.5rem;    /* 40px */
  --mc-space-12:  3rem;      /* 48px */

  /* ───────────────────────────────────────────────────────────────────────
     7. BORDER RADIUS
     ─────────────────────────────────────────────────────────────────────── */

  --mc-radius-sm:  0.375rem;  /* 6px  */
  --mc-radius:     0.5rem;    /* 8px  */
  --mc-radius-md:  0.75rem;   /* 12px */
  --mc-radius-lg:  1rem;      /* 16px */
  --mc-radius-xl:  1.25rem;   /* 20px */
  --mc-radius-full: 9999px;

  /* ───────────────────────────────────────────────────────────────────────
     8. SOMBRAS
     ─────────────────────────────────────────────────────────────────────── */

  --mc-shadow-xs:  0 1px 2px rgba(0,0,0,.05);
  --mc-shadow-sm:  0 1px 4px rgba(0,0,0,.06);
  --mc-shadow:     0 2px 8px rgba(0,0,0,.08);
  --mc-shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --mc-shadow-lg:  0 8px 32px rgba(0,0,0,.12);
  --mc-shadow-xl:  0 24px 60px rgba(0,0,0,.18);

  /* ───────────────────────────────────────────────────────────────────────
     9. Z-INDEX
     ─────────────────────────────────────────────────────────────────────── */

  --mc-z-base:    0;
  --mc-z-raised:  10;
  --mc-z-dropdown:200;
  --mc-z-sticky:  300;
  --mc-z-modal:   400;
  --mc-z-toast:   500;

  /* ───────────────────────────────────────────────────────────────────────
     10. COMPONENTES — valores derivados usados nos blocos 1C/2B/3A
     ─────────────────────────────────────────────────────────────────────── */

  /* Sidebar */
  --mc-sidebar-bg:           var(--mc-color-gestao);
  --mc-sidebar-item-active:  rgba(255,255,255,.12);
  --mc-sidebar-item-hover:   rgba(255,255,255,.07);
  --mc-sidebar-label:        rgba(255,255,255,.75);
  --mc-sidebar-label-active: #ffffff;
  --mc-sidebar-label-group:  rgba(255,255,255,.45);

  /* Topbar */
  --mc-topbar-bg:            var(--mc-color-gestao);
  --mc-topbar-icon:          rgba(255,255,255,.85);
  --mc-topbar-icon-hover:    #ffffff;

  /* Login */
  --mc-login-gradient-from:  var(--mc-color-atendimento);
  --mc-login-gradient-mid:   var(--mc-color-atendimento-light);
  --mc-login-gradient-to:    var(--mc-legacy-teal);

  /* Conteúdo */
  --mc-content-bg:           var(--mc-neutral-100);
  --mc-card-bg:              var(--mc-neutral-0);
  --mc-card-shadow:          var(--mc-shadow-sm);
  --mc-card-radius:          var(--mc-radius-md);

  /* Tabela */
  --mc-table-header-bg:      var(--mc-neutral-50);
  --mc-table-row-hover:      var(--mc-neutral-50);
  --mc-table-border:         var(--mc-neutral-200);
}