/**
 * pa-light-theme-tokens.css  v2
 * Világos téma - teljes token feluliras.
 */

html.theme-transitioning,
html.theme-transitioning * {
  transition:
    background-color 0.28s ease,
    border-color 0.28s ease,
    color 0.18s ease,
    box-shadow 0.28s ease !important;
}

[data-theme="light"] {
  --bg: #f4f0ff;
  --bg2: #ede8ff;
  --surface: #ffffff;
  --card: #ffffff;
  --card-bg: #ffffff;
  --card-hover: #f8f5ff;
  --card-border: rgba(0, 0, 0, 0.08);
  --text: #1a1035;
  --t1: #ef476f;
  --t2: #06d6a0;
  --muted: #5a4080;
  --muted2: #7a62a8;
  --border: rgba(0, 0, 0, 0.1);
  --border-strong: rgba(0, 0, 0, 0.18);
  --acc: #ff6b35;
  --acc2: #e85a25;
  --accent: #6366f1;
  --accent-h: #4f46e5;
  --green: #16a34a;
  --red: #dc2626;
  --yellow: #d97706;
  --input-bg: rgba(0, 0, 0, 0.04);
  --input-border: rgba(0, 0, 0, 0.14);
  --radius: 16px;
  --shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
  --purple: #8b5cf6;
  --blue: #2563eb;
  --teal: #0d9488;
  --orange: #ea580c;
}

[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(168, 85, 247, 0.1) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgba(5, 150, 105, 0.05) 0%, transparent 50%);
}

[data-theme="light"] .blob,
[data-theme="light"] .bg-blob { opacity: 0.07 !important; }

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

[data-theme="light"] .topnav,
[data-theme="light"] .pa-topnav {
  background: rgba(244, 240, 255, 0.94);
  border-bottom-color: rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(20px);
}

[data-theme="light"] .topnav-link,
[data-theme="light"] .pa-nav-link {
  color: #5a4080;
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .topnav-link:hover,
[data-theme="light"] .pa-nav-link:hover {
  color: #1a1035;
  background: rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .topnav-link--current,
[data-theme="light"] .pa-nav-link--current {
  color: #1a1035;
  border-color: rgba(234, 88, 12, 0.4);
  background: rgba(234, 88, 12, 0.1);
}

[data-theme="light"] .topnav-link.cta,
[data-theme="light"] .pa-nav-link.cta {
  background: linear-gradient(135deg, var(--acc2), #e85a25);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(255, 107, 53, 0.3);
}

[data-theme="light"] .topnav-link.cta:hover {
  box-shadow: 0 5px 20px rgba(255, 107, 53, 0.45);
  color: #ffffff;
}

[data-theme="light"] .topnav-toggle {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1035;
}

[data-theme="light"] .topnav-toggle:hover {
  background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  [data-theme="light"] .topnav-links {
    background: rgba(248, 244, 255, 0.98);
    border-left-color: rgba(0, 0, 0, 0.08);
  }
}

[data-theme="light"] .pa-lang-btn,
[data-theme="light"] #themeToggleBtn,
[data-theme="light"] #themeBtn {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.12);
  color: #5a4080;
}

[data-theme="light"] .pa-lang-btn:hover,
[data-theme="light"] #themeToggleBtn:hover,
[data-theme="light"] #themeBtn:hover {
  background: rgba(0, 0, 0, 0.09);
  color: #1a1035;
}

[data-theme="light"] .card,
[data-theme="light"] .panel,
[data-theme="light"] .stat-card,
[data-theme="light"] .setting-card,
[data-theme="light"] .sidebar,
[data-theme="light"] .modal,
[data-theme="light"] .login-box,
[data-theme="light"] .hero,
[data-theme="light"] .blog-card,
[data-theme="light"] .market-card,
[data-theme="light"] .deck-card {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: var(--shadow);
}

[data-theme="light"] .card:hover,
[data-theme="light"] .blog-card:hover {
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .form-input,
[data-theme="light"] .setting-input,
[data-theme="light"] .search-input,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="number"],
[data-theme="light"] textarea,
[data-theme="light"] select {
  background: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text);
}

[data-theme="light"] .form-input:focus,
[data-theme="light"] .setting-input:focus,
[data-theme="light"] input:focus {
  border-color: var(--acc2);
  background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .form-input::placeholder,
[data-theme="light"] .setting-input::placeholder,
[data-theme="light"] input::placeholder {
  color: var(--muted);
  opacity: 0.7;
}

[data-theme="light"] .form-label,
[data-theme="light"] .setting-label { color: var(--muted); }

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

[data-theme="light"] .btn:hover,
[data-theme="light"] .pa-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .btn-primary,
[data-theme="light"] .pa-btn-primary {
  background: linear-gradient(135deg, var(--acc2), #e85a25);
  color: #ffffff;
  border-color: transparent;
}

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

[data-theme="light"] .data-table td {
  border-color: var(--border);
  color: var(--text);
}

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

[data-theme="light"] .panel-header {
  border-bottom-color: rgba(0, 0, 0, 0.06);
  color: var(--text);
}

[data-theme="light"] .global-search-results .gs-item {
  color: var(--text);
  background: transparent;
}

[data-theme="light"] .global-search-results .gs-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .board-wrap {
  box-shadow:
    0 0 40px rgba(168, 85, 247, 0.08),
    0 10px 40px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background: #f8f5ff;
}

[data-theme="light"] .cell.field-A { background: rgba(234, 88, 12, 0.12); border-color: rgba(234, 88, 12, 0.4); }
[data-theme="light"] .cell.field-B { background: rgba(5, 150, 105, 0.12); border-color: rgba(5, 150, 105, 0.4); }
[data-theme="light"] .cell.field-C { background: rgba(202, 138, 4, 0.12); border-color: rgba(202, 138, 4, 0.4); }
[data-theme="light"] .cell.field-D { background: rgba(220, 38, 38, 0.12); border-color: rgba(220, 38, 38, 0.4); }
[data-theme="light"] .cell.field-E { background: rgba(2, 132, 199, 0.12); border-color: rgba(2, 132, 199, 0.4); }
[data-theme="light"] .cell.field-F { background: rgba(124, 58, 237, 0.12); border-color: rgba(124, 58, 237, 0.4); }
[data-theme="light"] .cell.field-START { background: rgba(22, 163, 74, 0.15); }
[data-theme="light"] .cell.field-END { background: rgba(217, 119, 6, 0.15); }

[data-theme="light"] .score-panel { background: #ffffff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); }
[data-theme="light"] .log-panel { background: #ffffff; color: var(--text); }
[data-theme="light"] .win-overlay { background: rgba(244, 240, 255, 0.97); }
[data-theme="light"] .win-title { background: linear-gradient(135deg, #b45309, #d97706, #ea580c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
[data-theme="light"] .win-team-name { color: #1a2535; }
[data-theme="light"] .win-player-chip { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.15); color: #1a2535; }
[data-theme="light"] .notif { background: #fff; color: #b45309; border-color: #d97706; }

[data-theme="light"] .tag-chip {
  background: rgba(0, 0, 0, 0.04);
  border-color: var(--border);
  color: var(--muted);
}

[data-theme="light"] .blog-pagination a,
[data-theme="light"] .blog-pagination span,
[data-theme="light"] .blog-share a,
[data-theme="light"] .blog-share button,
[data-theme="light"] .blog-related-item {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] .blog-back { color: var(--muted); }
[data-theme="light"] .blog-back:hover { color: var(--acc2); }

[data-theme="light"] .pa-footer {
  background: rgba(244, 240, 255, 0.9);
  border-top-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .pa-footer a { color: var(--muted); }
[data-theme="light"] .pa-footer a:hover { color: var(--acc2); }

[data-theme="light"] .cookie-banner {
  background: rgba(244, 240, 255, 0.98);
  border-top-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .toast {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .notif-dropdown {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .badge-beta {
  background: rgba(234, 88, 12, 0.12);
  color: #ea580c;
  border-color: rgba(234, 88, 12, 0.25);
}

[data-theme="light"] .tier-badge {
  background: rgba(99, 102, 241, 0.1);
  color: #4f46e5;
}

[data-theme="light"] .hero {
  background: var(--surface);
  box-shadow: var(--shadow);
}

[data-theme="light"] .hero-av {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(249, 115, 22, 0.08));
  border-color: rgba(245, 158, 11, 0.25);
}

[data-theme="light"] .stat,
[data-theme="light"] .stat-box {
  background: var(--surface);
  border-color: var(--border);
}

[data-theme="light"] .stat:hover,
[data-theme="light"] .stat-box:hover {
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .skip-link {
  background: var(--acc2);
  color: #ffffff;
}