/* ============================================================================
   SIG_V1 — Capa de rediseño (Claude Design)
   ----------------------------------------------------------------------------
   Se carga DESPUÉS de estilos.css y ANTES de movil.css.
   No modifica el HTML ni la estructura: sólo redefine color, espaciado,
   radios, sombras, tipografía y estados sobre las clases ya existentes.
   Es totalmente reversible: basta con quitar el <link> de index.php.

   Estructura:
     1. Tokens de diseño (:root)
     2. Refresco global (base, foco, scrollbars, selección)
     3. Parciales por área  (css/rediseno/_*.css)  ← trabajados en paralelo
   ============================================================================ */

/* Parciales por área (deben ir ANTES de cualquier regla: así lo exige @import).
   _navegacion va al final: sus reglas de login deben ganar el empate de
   especificidad frente a las reglas genéricas de inputs de _formularios. */
@import url("rediseno/formularios.css");
@import url("rediseno/tablas.css");
@import url("rediseno/superficies.css");
@import url("rediseno/navegacion.css");
@import url("rediseno/legajo-checklist.css");
@import url("rediseno/overrides-id.css");

/* ─────────────────────────────────────────────────────────────────────────
   1. TOKENS DE DISEÑO
   Paleta derivada de la identidad actual (azul marino corporativo) pero
   normalizada: neutros más limpios, acentos consistentes, escala única.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* Marca — azul institucional */
  --c-brand-900: #0a1e50;
  --c-brand-800: #0c2868;
  --c-brand-700: #14388a;
  --c-brand-600: #1a3e8a;
  --c-brand-500: #2a5ec2;
  --c-brand-400: #4a7ec8;
  --c-brand-300: #90b8d8;
  --c-brand-200: #c0d4e8;
  --c-brand-100: #e3ecf7;
  --c-brand-50:  #f0f5fb;

  /* Neutros */
  --c-ink:        #0f1b33;   /* texto principal            */
  --c-ink-soft:   #41506b;   /* texto secundario           */
  --c-ink-faint:  #6b7a94;   /* texto terciario / hints    */
  --c-line:       #d2dcea;   /* bordes sutiles             */
  --c-line-soft:  #e8eef6;   /* separadores muy suaves     */
  --c-surface:    #ffffff;   /* tarjetas / campos          */
  --c-surface-2:  #f4f7fb;   /* fondo de pantalla          */
  --c-surface-3:  #eaf0f8;   /* zonas hundidas / toolbars  */

  /* Semánticos */
  --c-success:    #1e7a3c;
  --c-success-bg: #e6f4ea;
  --c-warning:    #b9770e;
  --c-warning-bg: #fbf1dd;
  --c-danger:     #c02020;
  --c-danger-bg:  #fbe6e6;
  --c-info:       #1a5aa0;
  --c-info-bg:    #e4eefa;

  /* Espaciado (escala 4px) */
  --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;

  /* Radios */
  --r-xs: 6px; --r-sm: 8px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --r-pill: 999px;

  /* Sombras — más suaves y en un solo tono frío */
  --sh-xs: 0 1px 2px rgba(15,27,51,.06);
  --sh-sm: 0 2px 6px rgba(15,27,51,.08);
  --sh-md: 0 6px 18px rgba(15,27,51,.10);
  --sh-lg: 0 14px 40px rgba(15,27,51,.16);
  --sh-focus: 0 0 0 3px rgba(42,94,194,.30);

  /* Tipografía */
  --font-ui:   'Plus Jakarta Sans','Exo 2',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-head: 'Exo 2','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono: 'DM Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Movimiento */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur:  .18s;
}

/* ─────────────────────────────────────────────────────────────────────────
   2. REFRESCO GLOBAL
   ───────────────────────────────────────────────────────────────────────── */
html, body {
  font-family: var(--font-ui);
  color: var(--c-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Fondo de pantalla unificado */
.screen,
#screen-salida,
#screen-inventario,
.submenu-split,
.submenu-tiles,
.submenu-content-block { background: var(--c-surface-2); }

:root { --surface-screen: var(--c-surface-2); }

/* Foco visible y consistente en todo control interactivo */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid transparent;
  box-shadow: var(--sh-focus);
  border-radius: var(--r-xs);
}

/* Selección de texto */
::selection { background: rgba(42,94,194,.22); color: var(--c-brand-900); }

/* Scrollbars — más finas y neutras (WebKit) */
.screen::-webkit-scrollbar,
*::-webkit-scrollbar { width: 10px; height: 10px; }
.screen::-webkit-scrollbar-track,
*::-webkit-scrollbar-track { background: var(--c-surface-3); }
.screen::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: var(--c-brand-300);
  border-radius: var(--r-pill);
  border: 2px solid var(--c-surface-3);
}
.screen::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover { background: var(--c-brand-400); }
/* Firefox */
* { scrollbar-width: thin; scrollbar-color: var(--c-brand-300) var(--c-surface-3); }

/* Respeta preferencia de menos movimiento */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}

/* (Los @import de los parciales están al inicio del archivo, como exige CSS.) */