/* ======================================================================
   Alleato Theme — Alleato v2
   Tema de MARCA del despacho («Azul afinado»). No es un tema elegido a
   ojo: los colores se MIDIERON sobre el logotipo y el sitio mds-sistemas.com
   (alleato-web/docs/claude/estilos.md y .design/AzulAfinado.dc.html,
   28 Ago 2026). Decisión del director, 12 Sep 2026: tema por omisión en
   Piloto y en las cinco apps del radar (Contabilidad, ETA, Imper,
   Presupuestos y RH). Sólo en ésas.
   Este es el ÚNICO archivo del tema que una app existente copia tal cual;
   registry, omisión y fuentes se fusionan (ALINEAR-TEMAS.md §7b).

   Tokens de marca -> token --ln-*:
     azul del logotipo  #305776 -> --ln-accent        (blanco encima 7.63:1)
     azul suave         #e2e9ef -> --ln-accent-soft   (acento encima 6.23:1)
     carbón             #333333 -> --ln-fg            (sobre papel 11.88:1)
     papel              #f7f8f9 -> --ln-bg
     ámbar AA           #a45b06 -> --ln-warning       (LEGIBLE COMO TEXTO:
                                   5.15:1 sobre blanco, 4.84:1 sobre papel;
                                   el #f59e0b viejo reprobaba)
     azul profundo      #1c3448 -> --ln-accent-deep   (reserva: sidebar
                                   oscuro si hiciera falta)
   Los OKLCH van con 4 decimales porque el round-trip a sRGB tiene que dar
   el hex exacto de la marca (verificado); con 2 decimales el azul deriva.

   Tipografía: Geist en todo el cuerpo (heredada de theme-base.css).
   Alegreya SOLO en el saludo y los números grandes de la Pantalla de Inicio
   (ficha S2.14), vía --ln-font-inicio. NO va en --ln-font-display: ese token
   ya lo consumen los títulos de página (`.page-header-text h4` en
   theme-base.css, `font-display` del PageHeader Next) y el serif se regaría
   a todas las pantallas.

   Carga DESPUES de theme-base.css (cuando appSettings.theme === 'alleato').
   ====================================================================== */

:root[data-theme="alleato"] {
  /* Color — papel frío, tarjetas blancas, carbón y azul del logotipo */
  --ln-bg:            oklch(0.9787 0.0017 247.84);  /* #f7f8f9 papel */
  --ln-surface:       oklch(1 0 0);
  --ln-surface-2:     oklch(0.965 0.004 244);
  --ln-surface-3:     oklch(0.94 0.006 244);

  --ln-fg:            oklch(0.3211 0 0);            /* #333333 carbón */
  --ln-fg-muted:      oklch(0.47 0.01 244);         /* 6.38:1 sobre papel */
  --ln-fg-subtle:     oklch(0.54 0.009 244);        /* 4.77:1 — el puente v1 lo usa como --text-muted */
  --ln-fg-faint:      oklch(0.78 0.005 244);        /* no-texto: placeholder, deshabilitado */

  --ln-border:        oklch(0.915 0.005 244);
  --ln-border-strong: oklch(0.86 0.008 244);

  --ln-accent:        oklch(0.4421 0.0679 244.18);  /* #305776 azul del logotipo */
  --ln-accent-hover:  oklch(0.3771 0.0655 244.18);  /* #204562 — a medio camino del azul profundo */
  --ln-accent-soft:   oklch(0.9304 0.0111 243.66);  /* #e2e9ef azul suave: estado activo, chips */
  --ln-accent-bg:     oklch(0.9 0.02 244);          /* acento encima 5.68:1 */
  --ln-accent-deep:   oklch(0.3153 0.047 245.2);    /* #1c3448 azul profundo (reserva) */
  /* Tinta sobre el acento (V9.3): blanco. 7.63:1 sobre accent, 9.92:1 sobre hover. */
  --ln-accent-fg:     oklch(1 0 0);

  --ln-positive:      oklch(0.52 0.13 155);
  --ln-positive-soft: oklch(0.96 0.025 155);
  --ln-negative:      oklch(0.55 0.2 25);
  --ln-negative-hover: oklch(0.49 0.2 25);
  --ln-negative-soft: oklch(0.97 0.025 25);
  --ln-warning:       oklch(0.5451 0.126 59.81);    /* #a45b06 ámbar AA — legible como texto */
  --ln-warning-soft:  oklch(0.965 0.03 70);
  --ln-warning-fg:    oklch(0.45 0.1 60);           /* texto sobre warning-soft: 6.86:1 */

  --ln-positive-border: oklch(0.85 0.08 155);
  --ln-negative-border: oklch(0.85 0.1 25);
  --ln-warning-border:  oklch(0.85 0.06 65);
  --ln-info-border:     oklch(0.85 0.04 244);

  /* Hover / overlay — el fondo es papel, no blanco (igual criterio que Mist) */
  --ln-hover-bg:      oklch(0.94 0.006 244);
  --ln-overlay-bg:    oklch(0.9787 0.0017 247.84 / 0.75);

  /* Tipografía de la Pantalla de Inicio (S2.14): saludo y números grandes */
  --ln-font-inicio:   "Alegreya", Georgia, "Times New Roman", serif;

  /* Shadow — tinte del azul profundo */
  --ln-shadow-hover:    0 1px 2px oklch(0.3153 0.047 245.2 / 0.06), 0 6px 16px oklch(0.3153 0.047 245.2 / 0.05);
  --ln-shadow-drawer:   -8px 0 32px oklch(0.3153 0.047 245.2 / 0.1);
  --ln-shadow-dropdown: 0 0 0 1px oklch(0.3153 0.047 245.2 / 0.06), 0 8px 24px oklch(0.3153 0.047 245.2 / 0.1);
  --ln-shadow-toast:    0 0 0 1px oklch(0.3153 0.047 245.2 / 0.08), 0 12px 32px oklch(0.3153 0.047 245.2 / 0.16);

  /* Chart palette — las dos tintas de la marca primero */
  --ln-chart-1: #305776;  /* azul del logotipo (acento) */
  --ln-chart-2: #a45b06;  /* ámbar AA */
  --ln-chart-3: #2b8a5e;  /* verde */
  --ln-chart-4: #7a8b99;  /* pizarra */
  --ln-chart-5: #b8453f;  /* rojo */
  --ln-chart-6: #5b8fb9;  /* azul claro */
  --ln-chart-7: #8d6b47;  /* marrón */
  --ln-chart-8: #333333;  /* carbón */
}