/**
 * Főoldal (index) – világos téma (pa-light-theme-tokens.css: admin azonos alapszínek).
 */
[data-theme="light"] {
  --card-bg: var(--surface);
  --card-border: var(--border);
  --t1: #dc2626;
  --t2: #059669;
  --acc: #d97706;
  --acc2: #ea580c;
  --purple: #7c3aed;
  --blue: #0e7490;
  --accent2: #c2410c;
  --accent: #6366f1;
  --accent-h: #4f46e5;
  --green: #22c55e;
  --teal: #06d6a0;
  --red: #ef4444;
}

[data-theme="light"] body {
  background: var(--bg);
}

/* Fix: a hero/main átlátszó volt → a fix z-index:0 blobok „átütöttek”, sötétnek látszott */
[data-theme="light"] main#main {
  position: relative;
  z-index: 1;
  background: var(--bg);
}

[data-theme="light"] #hero {
  background: var(--bg);
}

[data-theme="light"] .blob {
  opacity: 0.035;
}

[data-theme="light"] .floating-cards {
  opacity: 0.35;
  pointer-events: none;
}

[data-theme="light"] .fc {
  color: rgba(0, 0, 0, 0.09);
  border-color: rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .topnav {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

[data-theme="light"] .topnav-link {
  color: var(--muted);
  border: 1px solid var(--border);
  background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .topnav-link:hover {
  color: var(--text);
  background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .topnav-toggle {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
}

[data-theme="light"] .topnav-toggle:hover {
  background: var(--card);
}

[data-theme="light"] .pa-lang-btn {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--muted);
}

[data-theme="light"] .pa-lang-btn:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--text);
}

[data-theme="light"] #themeToggleBtn {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--muted);
}

@media (max-width: 768px) {
  [data-theme="light"] .topnav-links {
    background: var(--surface);
    border-left: 1px solid var(--border);
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.1);
  }
}

[data-theme="light"] .topnav-overlay {
  background: rgba(26, 16, 53, 0.35);
}

[data-theme="light"] .game-card {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .howto-pill {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .code-join {
  background: var(--surface);
  border: 1px solid var(--border);
}

[data-theme="light"] .code-input {
  background: rgba(0, 0, 0, 0.04);
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  color: var(--text);
}

[data-theme="light"] .code-input::placeholder {
  color: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .view-card.v1 {
  background: rgba(234, 88, 12, 0.07);
  border-color: rgba(234, 88, 12, 0.22);
}

[data-theme="light"] .view-card.v2 {
  background: rgba(5, 150, 105, 0.07);
  border-color: rgba(5, 150, 105, 0.22);
}

[data-theme="light"] .step-card,
[data-theme="light"] .rule-card,
[data-theme="light"] .donut-card {
  background: var(--surface);
  border: 1px solid var(--border);
}

[data-theme="light"] .step-card::before {
  color: rgba(0, 0, 0, 0.035);
}

[data-theme="light"] .faq-item {
  background: var(--surface);
  border: 1px solid var(--border);
}

[data-theme="light"] .faq-q:hover {
  background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .setup-step {
  background: var(--surface);
  border: 1px solid var(--border);
}

[data-theme="light"] #how,
[data-theme="light"] #faq {
  background: var(--card);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

[data-theme="light"] #testimonials {
  background: var(--bg);
}

[data-theme="light"] .sr.sr-open {
  background: rgba(217, 119, 6, 0.09);
  border-color: rgba(217, 119, 6, 0.28);
}

[data-theme="light"] .sr.sr-pen {
  background: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.22);
}

[data-theme="light"] .sr.sr-win {
  background: rgba(5, 150, 105, 0.09);
  border-color: rgba(5, 150, 105, 0.25);
}

[data-theme="light"] .code-flow {
  background: var(--card);
  border: 1px solid var(--border);
}

[data-theme="light"] .field-table th {
  border-bottom-color: rgba(0, 0, 0, 0.1);
  color: var(--muted);
}

[data-theme="light"] .field-table td {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .field-table tr:hover td {
  background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .flow-arrow {
  color: rgba(0, 0, 0, 0.18);
}

/* Hero – vendég / auth */
[data-theme="light"] .hero-auth-btn {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.04);
  color: var(--text);
}

[data-theme="light"] .hero-auth-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  color: var(--text);
}

[data-theme="light"] .hero-auth-btn.hero-auth-register {
  background: rgba(124, 58, 237, 0.12);
  border-color: rgba(124, 58, 237, 0.35);
  color: #5b21b6;
}

[data-theme="light"] .hero-auth-btn.hero-auth-register:hover {
  background: rgba(124, 58, 237, 0.18);
}

[data-theme="light"] .hero-guest-btn {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.03);
  color: var(--muted);
}

[data-theme="light"] .hero-guest-btn:hover {
  background: rgba(0, 0, 0, 0.07);
  color: var(--text);
}

[data-theme="light"] .hero-join-row {
  background: var(--surface);
  border: 1px solid var(--border);
}

[data-theme="light"] .hero-code-input {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.14);
  color: var(--text);
}

[data-theme="light"] .hero-code-input:focus {
  border-color: rgba(5, 150, 105, 0.55);
}

/* Inline „üveg” login gomb világos módhoz (második CTA) */
[data-theme="light"] #heroGuest .hero-auth-main .cta-main-btn:nth-child(2) {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 2px solid rgba(0, 0, 0, 0.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

[data-theme="light"] #navUser button.topnav-link {
  border-color: rgba(0, 0, 0, 0.16) !important;
}

[data-theme="light"] .hero-guest-divider-line {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .how3-arrow {
  color: rgba(0, 0, 0, 0.2);
}

/* Bejelentkezett hero – dashboard kártyák */
[data-theme="light"] .dash-card {
  background: var(--surface);
  border: 1px solid var(--border);
}

[data-theme="light"] .dash-card:hover {
  border-color: rgba(0, 0, 0, 0.14);
}

[data-theme="light"] .dash-stat {
  background: var(--card);
}

[data-theme="light"] .dash-history-item {
  border-bottom-color: rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .dash-invite-box {
  background: rgba(217, 119, 6, 0.09);
  border-color: rgba(217, 119, 6, 0.22);
}

[data-theme="light"] .dash-invite-link {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text);
}

[data-theme="light"] .dash-code-input {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .dash-avatar {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .win-bar-wrap {
  background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .tm-av {
  background: rgba(0, 0, 0, 0.06);
}

/* Interaktív demó kártya */
[data-theme="light"] .activity-card.demo-card {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .activity-card.demo-card:hover {
  border-color: rgba(217, 119, 6, 0.45);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .activity-card.demo-card .task-row {
  background: rgba(0, 0, 0, 0.035);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .demo-badge {
  color: #b45309;
}

[data-theme="light"] .card-category {
  background: rgba(217, 119, 6, 0.16);
  color: #9a3412;
  border: 1px solid rgba(217, 119, 6, 0.25);
}

[data-theme="light"] .task-letter,
[data-theme="light"] .task-pts {
  color: var(--accent2);
}

/* Gameplay előnézet – a „képernyő” marad sötét; környezet szövege világos témához */
[data-theme="light"] .gp-caption {
  color: rgba(26, 16, 53, 0.5);
}

[data-theme="light"] .gp-dot {
  background: rgba(0, 0, 0, 0.14);
}

[data-theme="light"] .gp-dot.on {
  background: var(--purple);
}

/* Karbantartás overlay */
[data-theme="light"] #maintenanceOverlay {
  background: var(--surface);
}

/* Cookie sáv – világos téma (inline sötét stílus felülírása) */
[data-theme="light"] #cookieBanner {
  background: var(--surface) !important;
  border-top: 1px solid var(--border) !important;
  backdrop-filter: blur(12px);
}

[data-theme="light"] #cookieBanner strong {
  color: var(--text) !important;
}

[data-theme="light"] #cookieBanner p,
[data-theme="light"] #cookieBanner label {
  color: var(--muted) !important;
}

[data-theme="light"] #cookieBanner div[style*="min-width:240px"] {
  color: var(--muted) !important;
}

[data-theme="light"] #cookieBanner a[href*="privacy"] {
  color: var(--accent2) !important;
}

[data-theme="light"] #cookieBanner button:not(:last-of-type) {
  border: 1px solid var(--border) !important;
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--muted) !important;
}