/* ============================================================
   UI BASE — Bitácora AI
   Tokens de diseño + tipografía Inter + base moderna.
   Compartido por las páginas de la app (se carga tras los estilos
   propios de cada página para poder estandarizar).
   ============================================================ */

:root {
  /* Acento azul (en línea con el sidebar navy) */
  --ui-accent: #3b82f6;
  --ui-accent-strong: #2563eb;
  --ui-accent-soft: rgba(59, 130, 246, 0.12);
  /* Radios */
  --ui-radius: 12px;
  --ui-radius-sm: 8px;
  --ui-radius-lg: 16px;
  /* Sombras suaves en capas (look moderno) */
  --ui-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.08);
  --ui-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
  --ui-shadow-lg: 0 14px 40px rgba(15, 23, 42, 0.14);
}

/* Tipografía moderna */
body {
  font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Foco accesible y consistente */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}