/* Final theme overrides to match mockups precisely (LCARS / HOLO / CYBER).
   Load this LAST so it wins over all earlier styles. */

/* ========== LCARS (Star Trek) ========== */
.theme-lcars {
  --accent:   #FF9E00; --accent-2: #D86F00; --accent-3: #B85CA0;
  --panel-line: #FF9E00;
}
.theme-lcars .title {
  color: #FFB000 !important;
  text-shadow: 0 1px 0 rgba(45,20,0,.35), 0 0 6px rgba(255,160,0,.18);
}
.theme-lcars .subtitle { color: #57CDE8 !important }
.theme-lcars .pill {
  border-radius: 22px; border: 0; color: #0A0D12;
  background: linear-gradient(180deg, #FFB54A, #FF9E00);
  box-shadow: 0 2px 0 rgba(0,0,0,.25), 0 0 0 2px rgba(0,0,0,.06) inset;
  letter-spacing: .08em; text-transform: uppercase;
}
/* Slightly darker lilac for better contrast on dark bg */
.theme-lcars .pill.alt {
  background: linear-gradient(180deg, #D979AB, #B0558E);
  color: #0A0D12;
}
.theme-lcars .pill.accent {
  background: linear-gradient(180deg, #F7C98A, #E7A85A);
  color: #0A0D12;
}
/* Panels/cards: thin amber border, large radius, soft inner inset */
.theme-lcars .shell,
.theme-lcars .panel,
.theme-lcars .card {
  border: 2px solid #FF9E00;
  border-radius: 22px;
  background: color-mix(in oklab, #0b0e12 94%, #FF9E00);
  box-shadow:
    inset 0 0 0 1px rgba(255,158,0,.14),
    0 0 24px rgba(255,158,0,.10);
}
.theme-lcars .panel-title { color: #FFB000 }

/* ========== HOLOGRAM (Star Wars) ========== */
.theme-holo {
  --scanlines: .30; --vignette: .30; --noise: .10; --panel-line: #3FD2FF;
}
.theme-holo .pill {
  border-radius: 16px; border: 2px solid #7FE9FF; color: #07141D;
  background: linear-gradient(180deg, #9FF6FF, #64E5FF);
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 2px 12px rgba(100,229,255,.25);
  letter-spacing: .08em;
}
.theme-holo .shell, .theme-holo .panel, .theme-holo .card {
  border: 2px solid color-mix(in oklab, var(--panel-line) 86%, white);
  border-radius: 16px; background: color-mix(in oklab, #08131c 92%, black);
  box-shadow: inset 0 0 0 1px rgba(100,229,255,.18), 0 0 18px rgba(63,210,255,.26);
}
.theme-holo .panel-title { color: #9FF6FF }

/* ========== CYBERPUNK (harmonizálás + glow boost) ========== */
.theme-cyber .title {
  letter-spacing: 2.2px;
  /* rare, subtle extra glitch pulses */
  animation: cyber-glitch-boost 6s steps(1,end) infinite;
}
.theme-cyber .panel,
.theme-cyber .card {
  border-radius: 18px;
  /* slightly stronger neon aura to stand out against noisy bg */
  box-shadow: 0 0 22px rgba(255,0,180,.22), 0 0 14px rgba(0,255,255,.15);
}
@keyframes cyber-glitch-boost {
  0%, 96%, 100% { transform: none; text-shadow: none; filter: none }
  2%  { transform: translateX(.7px); text-shadow: -1px 0 #ff00b4, 1px 0 #00f0ff }
  48% { transform: translateX(-.6px); text-shadow: -1px 0 #ff00b4, 1px 0 #00f0ff }
  78% { transform: translateX(.9px); text-shadow: -1px 0 #ff00b4, 1px 0 #00f0ff }
}