/* Omnisalud · estilos para sistemas (portal, apps, dashboards, correos del sistema)
   Copia de assets/sistemas/tokens.css del brand kit (oct-2026), solo tema claro: VERTEX no usa
   modo oscuro. Paleta 100 % azul; el rosa vive solo dentro del logo y del loader. */

:root {
  /* Escala azul (500 = azul primario del manual) */
  --omni-azul-50:  #EEF5FC;
  --omni-azul-100: #D7E8F7;
  --omni-azul-200: #B0D1EF;
  --omni-azul-300: #7FB4E3;
  --omni-azul-400: #4A93D3;
  --omni-azul-500: #1C75BB;
  --omni-azul-600: #135F9E;
  --omni-azul-700: #0F4C80;
  --omni-azul-800: #0D3B63;
  --omni-azul-900: #0B2B49;
  --omni-azul-950: #0F1A2B;   /* navy profundo */

  /* Cian de acento (manual, paleta secundaria): realces, líneas, íconos; no como fondo de texto blanco */
  --omni-cian-500: #009CE0;
  --omni-cian-300: #00BDEA;

  /* Neutros con sesgo azul */
  --omni-gris-0:   #FFFFFF;
  --omni-gris-50:  #F5F8FC;
  --omni-gris-100: #EAF0F6;
  --omni-gris-200: #DCE4EE;
  --omni-gris-300: #C2CEDB;
  --omni-gris-400: #93A3B8;
  --omni-gris-500: #6B7A8F;
  --omni-gris-600: #5B6B80;
  --omni-gris-700: #3E4C5E;
  --omni-gris-800: #26354A;
  --omni-gris-900: #1E2A3A;

  /* Estados (solo para significado: éxito, alerta, error; info usa el azul) */
  --omni-exito:  #1E7A4F;
  --omni-alerta: #F2B01E;   /* texto oscuro encima */
  --omni-error:  #B42318;
  --omni-info:   var(--omni-azul-500);

  /* Roles, tema claro */
  --bg:             var(--omni-gris-50);
  --surface:        var(--omni-gris-0);
  --surface-alt:    var(--omni-azul-50);
  --text:           var(--omni-gris-900);
  --text-muted:     var(--omni-gris-600);
  --border:         var(--omni-gris-200);
  --primary:        var(--omni-azul-500);
  --primary-hover:  var(--omni-azul-600);
  --primary-active: var(--omni-azul-700);
  --on-primary:     #FFFFFF;
  --link:           var(--omni-azul-600);
  --accent:         var(--omni-cian-500);
  --focus-ring:     var(--omni-azul-400);
  --header-bg:      var(--omni-azul-950);
  --header-text:    #FFFFFF;
  --selection:      var(--omni-azul-100);

  /* Series de gráficos, en este orden */
  --chart-1: var(--omni-azul-700);
  --chart-2: var(--omni-cian-500);
  --chart-3: var(--omni-azul-300);
  --chart-4: var(--omni-azul-500);
  --chart-5: var(--omni-azul-900);
  --chart-6: var(--omni-azul-200);
}