/* ============================================================================
   iEnTop-themes-overrides.css
   ----------------------------------------------------------------------------
   Loaded AFTER iEnTop.css. Contains:
     PART A: bug fixes for existing themes (broken hierarchy, low contrast,
             missing color-scheme, accent collisions).
     PART B: 3 new themes (oled-black, high-contrast-dark, sepia-cream).

   REVERTIR: comentar/eliminar el <link> en iEnTop.html y quitar las 3
   entradas nuevas en Sistema/js/theme-switcher.js. Nada en iEnTop.css ha
   sido tocado.
   ========================================================================== */

/* ============================================================================
   PART A — BUG FIXES (existing themes)
   ========================================================================== */

/* ----- amber-warm: muted era MAS oscuro que secondary (jerarquia invertida) */
[data-theme="amber-warm"] {
  --color-text-secondary: #92400e; /* antes: #78350f */
  --color-text-muted:     #b45309; /* antes: #92400e (mas oscuro que secondary) */
}

/* ----- text-muted == text-accent (colapso de jerarquia visual) -------------
   Regla: muted = mas apagado que secondary;
          accent = mas vivo y diferenciado del texto plano.
*/
[data-theme="rose-dark"] {
  --color-text-muted:  #be7280; /* antes: #fb7185 (igual a accent) */
  --color-text-accent: #fda4af; /* mantiene tono pero distinto del muted */
}

[data-theme="sky-dark"] {
  --color-text-muted:  #5b8aa8; /* antes: #38bdf8 (igual a accent) */
  --color-text-accent: #7dd3fc;
}

[data-theme="midnight-blue"] {
  --color-text-muted:  #6b7d99; /* antes: #60a5fa (igual a accent) */
  --color-text-accent: #93c5fd;
}

[data-theme="ocean-teal"] {
  --color-text-muted:  #5b8a85; /* antes: #2dd4bf (igual a accent) */
  --color-text-accent: #5eead4;
}

[data-theme="forest-green"] {
  --color-text-muted:  #6b8a6b; /* antes: #4ade80 (igual a accent) */
  --color-text-accent: #86efac;
}

[data-theme="warm-sunset"] {
  --color-text-muted:  #a07a5a; /* antes: #fb923c (igual a accent) */
  --color-text-accent: #fdba74;
}

[data-theme="crimson-dark"] {
  --color-text-muted:  #a06868; /* antes: #f87171 (igual a accent) */
  --color-text-accent: #fca5a5;
}

[data-theme="amber-glow"] {
  --color-text-muted:  #a08a5a; /* antes: #fbbf24 (igual a accent) */
  --color-text-accent: #fcd34d;
}

/* ----- slate-noir / graphite-pro: accent indistinguible del texto secundario
   Subimos accent a tonalidad mas clara/saturada para que el CTA destaque.
*/
[data-theme="slate-noir"] {
  --color-accent:        #a1a1aa; /* antes: #71717a (igual a text-secondary) */
  --color-accent-hover:  #d4d4d8;
  --color-accent-subtle: rgba(161, 161, 170, 0.18);
  --color-text-muted:    #5b5b62; /* mas apagado que el nuevo accent */
  --color-border-focus:  #a1a1aa;
}

[data-theme="graphite-pro"] {
  --color-accent:        #a1a1aa; /* antes: #52525b (gris muy oscuro) */
  --color-accent-hover:  #d4d4d8;
  --color-accent-subtle: rgba(161, 161, 170, 0.18);
  --color-text-muted:    #5b5e64;
  --color-border-focus:  #a1a1aa;
}

/* ----- ientop-grey: contraste bg-card x text-muted al limite WCAG AA ------- */
[data-theme="ientop-grey"] {
  --color-text-muted:    #525252; /* antes: #666666 — sube a ~5.5:1 sobre #e8e8e8 */
}

/* ----- crimson-dark: diferenciar de rose-dark (eran demasiado parecidos) ---
   crimson tira a rojo bombero saturado; rose se queda en magenta-rosa.
*/
[data-theme="crimson-dark"] {
  --color-accent:        #dc2626; /* antes: #ef4444 */
  --color-accent-hover:  #ef4444;
  --color-accent-subtle: rgba(220, 38, 38, 0.18);
  --color-border-focus:  #dc2626;
}

/* ----- color-scheme ausente en 11 temas originales (scrollbars/forms nativos) */
[data-theme="indigo-deep"]   { color-scheme: dark;  }
[data-theme="indigo-light"]  { color-scheme: light; }
[data-theme="emerald-dark"]  { color-scheme: dark;  }
[data-theme="emerald-light"] { color-scheme: light; }
[data-theme="amber-warm"]    { color-scheme: light; }
[data-theme="slate-neutral"] { color-scheme: dark;  }
[data-theme="rose-dark"]     { color-scheme: dark;  }
[data-theme="rose-light"]    { color-scheme: light; }
[data-theme="sky-dark"]      { color-scheme: dark;  }
[data-theme="sky-light"]     { color-scheme: light; }


/* ============================================================================
   PART B — NEW THEMES (2026 trends)
   ========================================================================== */

/* ----- OLED Black -----------------------------------------------------------
   True #000000. Optimo para pantallas OLED (apaga pixeles = ahorro bateria
   + contraste infinito). Acento azul electrico para destacar sobre negro.
*/
[data-theme="oled-black"] {
  --color-bg-primary:    #000000;
  --color-bg-secondary:  #0a0a0a;
  --color-bg-sidebar:    #000000;
  --color-bg-header:     #0a0a0a;
  --color-bg-card:       #0a0a0a;
  --color-bg-input:      #161616;
  --color-bg-hover:      #1f1f1f;

  --color-text-primary:   #fafafa;
  --color-text-secondary: #a3a3a3;
  --color-text-muted:     #525252;
  --color-text-accent:    #60a5fa;

  --color-accent:         #3b82f6;
  --color-accent-hover:   #60a5fa;
  --color-accent-subtle:  rgba(59, 130, 246, 0.15);

  --color-border:         #1f1f1f;
  --color-border-focus:   #3b82f6;

  --color-success:        #22c55e;
  --color-warning:        #f59e0b;
  --color-danger:         #ef4444;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.9);
  --radius:      0.5rem;
  --transition:  all 0.2s ease;
  color-scheme:  dark;
}

/* ----- High Contrast Dark (WCAG AAA) ----------------------------------------
   Maximo contraste: blanco puro sobre negro casi puro, accent amarillo
   (mejor visibilidad para baja vision y daltonismo). Cumple AAA en todos
   los pares texto/fondo principales.
*/
[data-theme="high-contrast-dark"] {
  --color-bg-primary:    #0a0a0a;
  --color-bg-secondary:  #1a1a1a;
  --color-bg-sidebar:    #000000;
  --color-bg-header:     #1a1a1a;
  --color-bg-card:       #1a1a1a;
  --color-bg-input:      #2a2a2a;
  --color-bg-hover:      #3a3a3a;

  --color-text-primary:   #ffffff;
  --color-text-secondary: #f0f0f0;
  --color-text-muted:     #c0c0c0; /* >7:1 sobre #1a1a1a — AAA */
  --color-text-accent:    #ffd700; /* amarillo dorado, alto contraste */

  --color-accent:         #ffd700; /* amarillo: visible para daltonicos */
  --color-accent-hover:   #ffed4e;
  --color-accent-subtle:  rgba(255, 215, 0, 0.18);

  --color-border:         #ffffff; /* bordes blancos para definir formas */
  --color-border-focus:   #ffd700;

  --color-success:        #00ff88;
  --color-warning:        #ffd700;
  --color-danger:         #ff4444;

  --shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.5);
  --radius:      0.25rem; /* mas cuadrado para mejor distincion */
  --transition:  all 0.15s ease;
  color-scheme:  dark;
}

/* ----- Sepia Cream ----------------------------------------------------------
   Para lectura prolongada de informes y listados contables.
   Inspirado en lectores tipo Kindle / Bear / Reflect.
*/
[data-theme="sepia-cream"] {
  --color-bg-primary:    #f4ecd8; /* sepia papel */
  --color-bg-secondary:  #faf3e0;
  --color-bg-sidebar:    #ede2c4;
  --color-bg-header:     #faf3e0;
  --color-bg-card:       #faf3e0;
  --color-bg-input:      #f4ecd8;
  --color-bg-hover:      #ebdcb8;

  --color-text-primary:   #3e2f1c; /* tinta marron oscuro */
  --color-text-secondary: #5b4632;
  --color-text-muted:     #8a7257;
  --color-text-accent:    #8b4513; /* siena */

  --color-accent:         #8b4513;
  --color-accent-hover:   #6d3610;
  --color-accent-subtle:  rgba(139, 69, 19, 0.10);

  --color-border:         #d4c4a0;
  --color-border-focus:   #8b4513;

  --color-success:        #4a7c2a;
  --color-warning:        #b8650b;
  --color-danger:         #a02020;

  --shadow-card: 0 1px 3px rgba(62, 47, 28, 0.12);
  --radius:      0.5rem;
  --transition:  all 0.2s ease;
  color-scheme:  light;
}