/* ============================================================
   Eventos Link Advance — Design Tokens
   Basado en el Brief de marca Link Advance.
   Azul primario #306cb4 · Sora/Manrope · contornos redondeados.
   ============================================================ */

:root {
  /* ---------- Escala azul de marca ---------- */
  --blue-50:  #eef4fa;
  --blue-100: #d7e6f4;
  --blue-200: #b0cce8;
  --blue-300: #80acd7;
  --blue-400: #5089c4;
  --blue-500: #306cb4;   /* primario */
  --blue-600: #2a5d9c;   /* hover */
  --blue-700: #244e83;
  --blue-800: #1f4069;
  --blue-900: #18304d;

  /* ---------- Roles ---------- */
  --primary:        var(--blue-500);
  --primary-hover:  var(--blue-600);
  --primary-soft:   var(--blue-50);
  --focus-ring:     var(--blue-400);

  /* ---------- Texto ---------- */
  --text-strong: #0c1726;   /* titulares (tinta azulada, nunca negro puro) */
  --text:        #1e3047;   /* cuerpo */
  --text-muted:  #6c7894;   /* tenue */
  --text-invert: #ffffff;

  /* ---------- Superficies ---------- */
  --page:      #f5f7fb;
  --surface:   #ffffff;   /* tarjeta */
  --surface-2: #eef1f7;   /* hundida */

  /* ---------- Sidebar (azul marino oscuro) ---------- */
  --sidebar-bg:      #0c1726;
  --sidebar-bg-2:    #18304d;
  --sidebar-text:    #c3cfe0;
  --sidebar-muted:   #7d8aa3;
  --sidebar-active:  var(--blue-500);
  --sidebar-hover:   rgba(80,137,196,.16);

  /* ---------- Bordes ---------- */
  --border:        #e1e6ef;
  --border-strong: #cdd5e3;

  /* ---------- Semánticos ---------- */
  --success:    #16a35a;  --success-bg: #e8f8ef;
  --warning:    #f2a312;  --warning-bg: #fff5e3;
  --danger:     #e0413d;  --danger-bg:  #fdecec;
  --info:       var(--blue-500); --info-bg: var(--blue-50);

  /* ---------- Degradado de marca ---------- */
  --brand-gradient: linear-gradient(135deg, #2a5d9c 0%, #306cb4 55%, #5089c4 100%);

  /* ---------- Radios ---------- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;   /* inputs */
  --r-lg: 16px;
  --r-xl: 24px;   /* tarjetas */
  --r-2xl: 32px;
  --r-pill: 999px; /* botones, chips */

  /* ---------- Sombras (suaves, azuladas) ---------- */
  --shadow-card: 0 2px 6px rgba(12,23,38,.07);
  --shadow-pop:  0 12px 32px rgba(12,23,38,.14);
  --shadow-brand: 0 10px 26px rgba(48,108,180,.34);

  /* ---------- Tipografía ---------- */
  --font-title: 'Sora', system-ui, sans-serif;
  --font-body:  'Manrope', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* ---------- Layout ---------- */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 64px;

  /* ---------- Transiciones ---------- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --t-fast: .15s var(--ease);
  --t: .25s var(--ease);
}