/* Tokens base de identidad Mif Sistemas — fuente única para productos propios (campus, SPRINT, internos).
   Origen: mifsistemas.ar (Raleway, índigo #3740B0), documentos corporativos (tinta #2B3A4F),
   logo (verde lima, solo para marca). Los proyectos de terceros NO importan este archivo. */
:root {
  /* Color: base */
  --color-primary: #3740B0;        /* índigo Mif: acción principal, enlaces, foco */
  --color-primary-hover: #2D3591;  /* índigo 10 % más oscuro */
  --color-primary-soft: #E9EAF7;   /* fondo de selección / chips primarios */
  --color-ink: #2B3A4F;            /* texto principal (tinta de documentos Mif) */
  --color-ink-2: #55637A;          /* texto secundario */
  --color-ink-3: #7F8CA3;          /* texto terciario / placeholders: 3.4:1, solo ≥ 19px bold o metadatos no críticos */
  --color-surface: #FFFFFF;        /* tarjetas, tablas */
  --color-canvas: #F2F2F2;         /* fondo: gris NEUTRO, el de las bandas de mifsistemas.ar (antes #F5F6FA, azulado) */
  --color-line: #E0E0E0;           /* bordes y divisores (neutro) */
  --color-line-strong: #8A8A8A;    /* bordes de inputs e indicadores: 3.45:1 sobre surface, cumple el 3:1 de UI */
  /* Color: marca y acento (uso restringido) */
  --color-brand-green: #88A040;    /* verde del logo: solo logo, splash, sello "Mif" */
  --color-brand-lime: #C8D038;     /* mosaico del logo: nunca como texto */
  --color-accent: #F17D44;         /* naranja web: un acento por pantalla, nunca texto pequeño */
  /* Color: semántico (siempre acompañado de ícono o texto) */
  --color-success: #2E7D4F;
  --color-success-soft: #E3F3EA;
  --color-warning: #8F5400;
  --color-warning-soft: #FFF3DF;
  --color-danger: #B3261E;
  --color-danger-soft: #FBE9E7;
  --color-info: #1F5FA8;
  --color-info-soft: #E5EEF9;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #1F1A14;
  /* Tipografía */
  --font-sans: "Raleway", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace; /* solo datos tabulares, códigos */
  --fs-12: 0.75rem; --fs-13: 0.8125rem; --fs-14: 0.875rem; --fs-15: 0.9375rem; --fs-16: 1rem;
  --fs-18: 1.125rem; --fs-20: 1.25rem; --fs-24: 1.5rem; --fs-30: 1.875rem; --fs-36: 2.25rem;
  --lh-tight: 1.2; --lh-body: 1.5; --lh-relaxed: 1.65;
  /* Espaciado (base 4) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  /* Forma */
  --radius-sm: 4px;   /* inputs, chips, celdas */
  --radius-md: 8px;   /* tarjetas, paneles */
  --radius-lg: 12px;  /* modales, hero del campus */
  --shadow-1: 0 1px 2px rgba(43, 58, 79, 0.08);
  --shadow-2: 0 4px 12px rgba(43, 58, 79, 0.10);
  --focus-ring: 0 0 0 3px rgba(55, 64, 176, 0.35);
  /* Motion */
  --dur-fast: 120ms; --dur-base: 180ms; --dur-slow: 260ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}
/* Raleway usa cifras antiguas (old-style) por defecto: sin esto, "0" parece "o" y los números bailan.
   Aplicar en el body de todo producto Mif. */
body { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; } /* si tu CSS usa el shorthand `font:` en body, repetí esta línea después: el shorthand resetea font-variant */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}