/* =====================================================================
   XPEDIENTE-NOVA — Design tokens
   Dirección visual: "tinta y cobalto" — azul institucional refinado
   (evolución del azul que ya usaba la versión anterior, no un
   Tailwind-blue genérico) sobre una base de tinta azul-noche. El
   dorado queda reservado como acento RARO exclusivamente para
   elementos de "sello/verificación oficial" — nunca como color de
   botones o navegación, para no arriesgar la lectura del producto.
   ===================================================================== */

:root {
  /* --- Color: base tinta --- */
  --ink-950: #0a0d14;
  --ink-900: #0e1420;
  --ink-800: #131a29;
  --ink-700: #1a2436;
  --ink-600: #253248;
  --ink-500: #3a4a66;

  --line: #212c40;
  --line-soft: #171e2d;

  --text-primary: #e9edf5;
  --text-secondary: #a3aec4;
  --text-muted: #6b7690;

  /* --- Color: acento principal (cobalto institucional) --- */
  --accent-400: #6f97f5;
  --accent-500: #4c7ef3;
  --accent-600: #3763d6;
  --accent-glow: rgba(76, 126, 243, 0.16);

  /* --- Color: acento raro — sello / verificación oficial únicamente --- */
  --seal-400: #e3c168;
  --seal-500: #c9a227;
  --seal-glow: rgba(201, 162, 39, 0.16);

  /* --- Color: semántica --- */
  --success-500: #35b57c;
  --success-glow: rgba(53, 181, 124, 0.16);
  --warning-500: #d9a441;
  --warning-glow: rgba(217, 164, 65, 0.16);
  --danger-500: #e0574a;
  --danger-glow: rgba(224, 87, 74, 0.16);

  /* --- Tipografía --- */
  /* Antes serif (Source Serif 4) para títulos/marca — Victor pidió
     algo "más recto y plano" como el logo (geometría de líneas
     rectas, sin remates). Poppins: geométrica, moderna, sin serifas,
     coherente con ese lockup. El serif se mantiene únicamente en el
     visor de resoluciones oficiales (resolucion-html en layout.css),
     a propósito — ahí busca leerse como un documento formal, no como
     la identidad de la app. */
  --font-display: 'Poppins', 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-2xl: 2.25rem;

  /* --- Espaciado --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* --- Forma --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 999px;

  /* --- Elevación --- */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px -8px rgba(0, 0, 0, 0.5);
  --shadow-pop: 0 4px 16px rgba(0, 0, 0, 0.4), 0 24px 48px -16px rgba(0, 0, 0, 0.6);

  --sidebar-width: 248px;
  --topbar-height: 64px;

  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}