/* ==========================================================================
   VARIABLES.CSS
   Custom properties (:root): colores, tipografías, tamaños, espaciados,
   radios y sombras globales de CARDIOUNEMI.
   ========================================================================== */

:root {
  /* ---------- Núcleo neutro ---------- */
  --color-white: #FFFFFF;
  --slate-50:  #F8FAFC;
  --slate-100: #F1F5F9;
  --slate-200: #E2E8F0;
  --slate-300: #CBD5E1;
  --slate-400: #94A3B8;
  --slate-500: #64748B;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1E293B;
  --slate-900: #0F172A;
  --rose-200:  #FECACA;
  --rose-800:  #991B1B;
  --emerald-100: #D1FAE5;
  --emerald-800: #065F46;

  /* ---------- Tipografías ---------- */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Consolas', 'Courier New', monospace;

  /* ---------- Marca CARDIOUNEMI (Paleta Oficial del Sistema) ---------- */
  --color-primary-blue: #3AA0FF;
  --color-primary-blue-hover: #268EF0;
  --color-emergency-red: #FF5A5F;
  --color-emergency-red-hover: #E0484D;
  --color-navy: #121D2D;
  --color-navy-dark: #121D2D;
  --color-ice-blue: #CFE9FF;
  --color-bg-light: #F4FAFF;
  --color-success-green: #10B981;
  --color-warning-amber: #F59E0B;
  --color-warning-amber-dark: #D97706;
  --color-card-gray: #E5EDF5;
  --color-card-border: #CBD8E6;
  --color-text-muted: #486581;
  --color-text-muted-light: #B5C9E0;
  --color-link-hover: #0B3C75;

  /* ---------- Escala de radios ---------- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 18px;
  --radius-pill: 20px;

  /* ---------- Sombras ---------- */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.02);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);
  --shadow-card: 0 1px 3px rgba(27, 42, 65, 0.05);
  --shadow-card-hover: 0 6px 16px rgba(27, 42, 65, 0.10);

  /* ---------- Transiciones ---------- */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;

  /* ---------- Variables de Listado Clínico y Badges (absorbidas) ---------- */
  --blue-badge-bg: #eff6ff;
  --blue-badge-border: #bfdbfe;
  --blue-badge-text: #1d4ed8;
  --blue-accent-bg: #dbeafe;
  --blue-accent-border: #93c5fd;
  --blue-hover-bg: #f1f8ff;
  --blue-card-bg: #f0f7ff;
  --blue-gradient-end: #1e3a8a;
  --sky-badge-bg: #e0f2fe;
  --sky-badge-border: #bae6fd;
  --sky-badge-text: #0369a1;
  --purple-badge-bg: #f3e8ff;
  --purple-badge-border: #e9d5ff;
  --purple-badge-text: #7e22ce;
  --purple-accent: #7c3aed;
  --purple-badge-sav-bg: #ede9fe;
  --purple-badge-sav-text: #6d28d9;
  --amber-badge-bg: #fef3c7;
  --amber-badge-border: #fde68a;
  --amber-badge-text: #b45309;
  --amber-soft-bg: #fffbeb;
  --emerald-badge-border: #a7f3d0;
  --emerald-badge-text: #047857;
  --emerald-accent: #059669;
  --emerald-soft-bg: #ecfdf5;
  --green-csv-bg: #dcfce7;
  --green-csv-text: #15803d;
  --green-summary-bg-start: #f0fdf4;
  --green-summary-border: #bbf7d0;
  --green-summary-title: #166534;
  --green-summary-text: #14532d;
  --red-badge-bg: #fef2f2;
  --red-badge-text: #dc2626;

  /* ---------- Variables de Dashboard (absorbidas) ---------- */
  --dashboard-nav-item-bg: #53647B;
  --dashboard-nav-item-hover: #647792;
  --dashboard-card-kpi-border-hover: #829AB1;
  --dashboard-formula-bg: #F4F8FC;
  --dashboard-formula-header-border: #DCE6F0;
  --dashboard-katex-accent: #93C5FD;
  --dashboard-code-text: #90CDF4;
  --dashboard-meta-label: #334E68;
  --dashboard-pill-green-border: #A7F3D0;
  --dashboard-pill-yellow-bg: #FEF3C7;
  --dashboard-pill-yellow-text: #92400E;
  --dashboard-pill-yellow-border: #FDE68A;
  --dashboard-pill-red-bg: #FEE2E2;
}