/* vars.css - Variables globales y tipografía */
:root{
  --primary: #0b5ed7;
  --accent: #198754;
  --muted: #6c757d;
  --bg: #ffffff;
  --text: #0f172a;
  --container-max: 1100px;
  --gap-xs: 0.25rem;
  --gap-sm: 0.5rem;
  --gap-md: 1rem;
  --gap-lg: 1.5rem;
  --radius: 8px;
  --transition-fast: 120ms;
  --shadow-weak: 0 12px 30px rgba(2,6,23,0.06);
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --base-line-height: 1.4;
}