/* Montelva Suite — tokens del sistema de diseno.
 *
 * UNICO lugar donde vive un valor visual literal (N-46). Ningun modulo, y
 * ninguna otra hoja, define colores, tipografias ni espaciados propios.
 *
 * El modo oscuro es un cambio de variables, no una hoja paralela: un
 * componente que no funcione en ambos temas ha escrito un color a mano y
 * esta mal hecho.
 *
 * NOTA DE ALCANCE (E01): aqui estan los tokens fundacionales. El sistema de
 * diseno completo (botones, tablas, formularios, iconografia) pertenece al
 * bloque B4 del Plan Maestro y NO se implementa en este entregable.
 */
:root {
  /* Marca */
  --c-primario:        #1d4ed8;
  --c-primario-fuerte: #1e40af;
  --c-primario-suave:  #dbeafe;

  /* Estado */
  --c-exito:   #059669;
  --c-aviso:   #d97706;
  --c-peligro: #dc2626;
  --c-info:    #0891b2;

  /* Superficies */
  --c-fondo:            #f8fafc;
  --c-superficie:       #ffffff;
  --c-superficie-alta:  #ffffff;
  --c-borde:            #e2e8f0;
  --c-texto:            #0f172a;
  --c-texto-suave:      #64748b;

  /* Tipografia */
  --f-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-xs: .75rem;   --fs-sm: .875rem;  --fs-base: 1rem;
  --fs-lg: 1.125rem; --fs-xl: 1.25rem;  --fs-2xl: 1.5rem; --fs-3xl: 1.875rem;
  --fw-normal: 400;  --fw-medio: 500;   --fw-semi: 600;   --fw-fuerte: 700;

  /* Espaciado — base 4px */
  --sp-1: .25rem; --sp-2: .5rem;  --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem; --sp-8: 2rem;  --sp-10: 2.5rem; --sp-12: 3rem;

  /* Formas */
  --r-sm: 4px; --r-md: 6px; --r-lg: 10px;
  --sh-sm: 0 1px 2px rgb(15 23 42 / .06);
  --sh-md: 0 4px 12px rgb(15 23 42 / .10);

  /* Capas */
  --z-desplegable: 100; --z-modal: 400; --z-aviso: 500;
}

[data-tema="oscuro"] {
  --c-fondo:            #0a0e1a;
  --c-superficie:       #131a2b;
  --c-superficie-alta:  #1a2338;
  --c-borde:            #1e293b;
  --c-texto:            #e2e8f0;
  --c-texto-suave:      #94a3b8;
  --c-primario:         #3b82f6;
  --c-primario-suave:   #1e3a5f;
  --sh-sm: 0 1px 2px rgb(0 0 0 / .40);
  --sh-md: 0 4px 12px rgb(0 0 0 / .50);
}