/*
 * Manual de Identidad Visual — Azul Marino v1.1
 * ÚNICO archivo del sistema con valores de color literales.
 * El resto del CSS referencia exclusivamente estas variables.
 */
:root {
  /* Color */
  --color-nav-base: #0F2D5E;
  --color-nav-mid: #1A3A6B;
  --color-nav-light: #1E4A85;
  --color-accent: #1A6DDD;
  --color-accent-light: #4A9EFF;
  --color-bg-shell: #F4F7FC;
  --color-bg-card: #FFFFFF;
  --color-bg-table-header: #EEF3FB;
  --color-border: #D1DCF0;
  --color-text-primary: #0F2D5E;
  --color-text-body: #334466;
  --color-text-secondary: #6B7A99;
  --color-text-label: #4A6090;
  --color-success: #2E7D32;
  --color-success-bg: #EBF5EB;
  --color-warning: #B45309;
  --color-warning-bg: #FFFBEB;
  --color-error: #B91C1C;
  --color-error-bg: #FEF3F2;

  /* Colores usados en componentes (secciones 3.x) */
  --color-nav-text-active: #A8CFFF;
  --color-nav-logo: #E8F0FF;
  --color-text-muted: #8899BB;
  --color-text-kpi-label: #7A8EAA;
  --color-bg-row-alt: #F7F9FC;
  --color-bg-avatar: #EBF2FF;
  --color-input-focus-bg: #FAFCFF;
  --color-input-filled-border: #A0B4D0;
  --color-input-error-bg: #FFF5F5;
  --color-input-disabled-border: #E2E8F0;

  /* Tipografía */
  --font-primary: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 15px;
  --text-xl: 18px;
  --text-2xl: 22px;
  --text-3xl: 28px;
  --text-4xl: 36px;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --leading-tight: 1.15;
  --leading-normal: 1.6;
  --leading-compact: 1.3;

  /* Layout y espaciado */
  --navbar-height: 56px;
  --page-header-height: 52px;
  --dropdown-min-width: 220px;
  --shadow-dropdown: 0 8px 24px rgba(15, 45, 94, 0.12);
  --breakpoint-mobile: 768px; /* referencia: las media queries no aceptan variables */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --border-width: 0.5px;
  --border-active: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}