/* =========================================================================
   DANNA ERP — Tokens de marca «El mostrador a plena luz»
   Fuente única de la identidad nueva (blanco, tinta marina y un solo azul de acción),
   extraída de landing.css. Solo DEFINE variables con prefijo --m-: no pinta nada por sí
   misma, así que puede cargarse junto a style.css («La Etiqueta») sin tocar el dashboard.

   Quién la usa:
   - app-marina.css la traduce a las variables de style.css (--bg, --accent, --text…) en las
     pantallas de la app que adoptan la identidad nueva (hoy: el punto de venta).
   - landing.css todavía tiene sus valores copiados (es autónoma a propósito); si se cambia un
     color aquí, cambiarlo también allá hasta que el landing pase a leer este archivo.

   Claro en :root y oscuro en html.dark (theme.js). Todo token nuevo va en los dos.
   ========================================================================= */

:root {
  /* Superficies */
  --m-bg:           #ffffff;
  --m-bg-soft:      #f4f7fc;   /* niebla azul: fondos alternos, hover fantasma */
  --m-card:         #f7f9fd;   /* tarjeta niebla */
  --m-surface:      #ffffff;

  /* Tinta: todo el texto sale de la escala marina, nunca de grises neutros */
  --m-ink:          #0a1656;
  --m-ink-2:        #1f3170;
  --m-muted:        #4b5f8e;
  --m-faint:        #5d6d8c;

  /* Líneas */
  --m-line:         #e2e8f2;
  --m-line-strong:  #cbd4e4;

  /* El único azul */
  --m-blue:         #1463f3;
  --m-blue-hover:   #0e54d8;
  --m-blue-press:   #0b46b6;
  --m-blue-soft:    #e9f0fe;
  --m-blue-text:    #1257d6;
  --m-on-blue:      #ffffff;
  --m-ring:         rgba(20, 99, 243, .35);

  /* Semánticos */
  --m-success:      #0f7342;
  --m-success-soft: #e5f5ec;
  --m-warning:      #94570a;   /* ámbar tostado: pasa AA como texto sobre blanco */
  --m-warning-soft: #fdf3e1;
  --m-danger:       #c0362c;
  --m-danger-soft:  #fdecea;

  /* Banda marina */
  --m-band:         #0a1656;
  --m-band-ink:     #ffffff;
  --m-band-muted:   #b9c6ea;

  /* Velo y sombras teñidas de marino */
  --m-overlay:      rgba(6, 12, 40, .55);
  --m-shadow-xs:    0 1px 2px rgba(10, 22, 86, .06);
  --m-shadow-sm:    0 1px 2px rgba(10, 22, 86, .06), 0 2px 6px -2px rgba(10, 22, 86, .08);
  --m-shadow-md:    0 12px 28px -14px rgba(10, 22, 86, .28), 0 4px 10px -6px rgba(10, 22, 86, .12);
  --m-shadow-lg:    0 30px 60px -28px rgba(10, 22, 86, .38);
  --m-shadow-blue:  0 10px 24px -12px rgba(20, 99, 243, .7);

  /* Forma */
  --m-radius-xs:    10px;
  --m-radius-sm:    12px;
  --m-radius-md:    16px;
  --m-radius-lg:    20px;
  --m-radius-dialog: 22px;

  /* Movimiento (Emil Kowalski): salida fuerte, nada de ease-in */
  --m-ease-out:     cubic-bezier(.23, 1, .32, 1);
  --m-dur-press:    120ms;
  --m-dur-state:    160ms;
}

html.dark {
  --m-bg:           #070d20;
  --m-bg-soft:      #0a1330;
  --m-card:         #0e1835;
  --m-surface:      #111c3b;
  --m-ink:          #eef2fc;
  --m-ink-2:        #d3dcf3;
  --m-muted:        #a4b3d6;
  --m-faint:        #7f8fb3;
  --m-line:         #1c2950;
  --m-line-strong:  #2b3b68;
  --m-blue:         #2f6bf0;
  --m-blue-hover:   #2563eb;
  --m-blue-press:   #1d4fd8;
  --m-blue-soft:    rgba(58, 123, 255, .14);
  --m-blue-text:    #8db4ff;
  --m-on-blue:      #ffffff;
  --m-ring:         rgba(90, 145, 255, .45);
  --m-success:      #4cc98a;
  --m-success-soft: rgba(76, 201, 138, .14);
  --m-warning:      #f2b75b;
  --m-warning-soft: rgba(242, 183, 91, .13);
  --m-danger:       #ff8a7e;
  --m-danger-soft:  rgba(255, 138, 126, .12);
  --m-band:         #12205a;
  --m-band-ink:     #ffffff;
  --m-band-muted:   #c3cff0;
  --m-overlay:      rgba(2, 5, 18, .7);
  --m-shadow-xs:    0 1px 2px rgba(0, 0, 0, .3);
  --m-shadow-sm:    0 1px 2px rgba(0, 0, 0, .3);
  --m-shadow-md:    0 14px 30px -14px rgba(0, 0, 0, .6);
  --m-shadow-lg:    0 30px 60px -26px rgba(0, 0, 0, .7);
  --m-shadow-blue:  0 10px 24px -12px rgba(47, 107, 240, .55);
}