/* ==========================================
   WORTEX LIGHT MODE
   Açık tema: beyaz zemin, mor (site rengi) vurgular
   ========================================== */

body.light-mode {
  --text-primary: #1c2140;
  --text-secondary: rgba(28, 33, 64, 0.75);
  --text-muted: rgba(28, 33, 64, 0.55);
  --surface-glass: #ffffff;
  --surface-glass-hover: rgba(79, 70, 229, 0.06);
  --border-glass: rgba(79, 70, 229, 0.15);
  background: #f5f6fb;
  background-image:
    radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.07) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.05) 0px, transparent 50%),
    radial-gradient(at 0% 100%, rgba(99, 102, 241, 0.05) 0px, transparent 50%);
  color: var(--text-primary);
}

body.light-mode::before {
  background: repeating-linear-gradient(
    0deg,
    rgba(28, 33, 64, 0.015) 0px,
    rgba(28, 33, 64, 0.015) 1px,
    transparent 1px,
    transparent 2px
  );
}

/* ─── Tema butonu ─── */
body.light-mode .theme-toggle {
  background: rgba(79, 70, 229, 0.07);
  border-color: rgba(79, 70, 229, 0.22);
  color: #4f46e5;
}

body.light-mode .theme-toggle:hover {
  background: rgba(79, 70, 229, 0.14);
  border-color: rgba(79, 70, 229, 0.45);
  color: #4338ca;
}

body.light-mode .theme-icon-sun {
  display: block;
}

body.light-mode .theme-icon-moon {
  display: none;
}

/* ─── Header / Navbar ─── */
body.light-mode .site-header {
  background: #ffffff;
  border-bottom-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .site-header.scrolled {
  background: #ffffff;
  border-bottom-color: rgba(79, 70, 229, 0.16);
}

body.light-mode .header-glow {
  opacity: 0.6;
}

body.light-mode .main-nav a {
  color: #3a3f5c;
}

body.light-mode .main-nav a:hover {
  color: #4f46e5;
  background: rgba(79, 70, 229, 0.08);
}

body.light-mode .main-nav a.active {
  color: #4f46e5;
  background: rgba(99, 102, 241, 0.13);
}

body.light-mode .main-nav a.active svg {
  color: #4f46e5;
}

body.light-mode .nav-toggle span {
  background: #1c2140;
}

body.light-mode .btn-profile {
  color: #000000;
}

body.light-mode .btn-profile .profile-name {
  color: #000000;
}

body.light-mode .btn-profile:hover {
  background: rgba(79, 70, 229, 0.09);
}

body.light-mode .btn-profile .profile-avatar {
  border-color: rgba(79, 70, 229, 0.45);
  background: #ffffff;
}

/* ─── Profil sayfası ─── */
body.light-mode .profile-header {
  background: linear-gradient(160deg, #ffffff 0%, #f7f8fd 100%);
  border-color: rgba(79, 70, 229, 0.16);
}

body.light-mode .profile-header::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .profile-header:hover {
  border-color: rgba(99, 102, 241, 0.4);
}

body.light-mode .profile-avatar {
  border-color: rgba(99, 102, 241, 0.4);
}

body.light-mode .profile-card {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
  box-shadow: none;
}

body.light-mode .profile-card::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .profile-card:hover {
  border-color: rgba(99, 102, 241, 0.4);
}

body.light-mode .profile-card-title svg {
  color: #4f46e5;
}

/* ─── Galeri ─── */
body.light-mode .gallery-item {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.16);
  box-shadow: none;
}

body.light-mode .gallery-item::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .gallery-item:hover {
  border-color: rgba(99, 102, 241, 0.45);
}

body.light-mode .career-hero h1 {
  background: linear-gradient(135deg, #1c2140 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.light-mode .apply-form-wrap {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.16);
}

body.light-mode .apply-form-wrap::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .form-section-title {
  border-top-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .login-required-icon {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-color: rgba(139, 92, 246, 0.25);
}

/* ─── Şöförlerimiz ─── */
body.light-mode .driver-card {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
  box-shadow: none;
}

body.light-mode .driver-card::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .driver-card:hover {
  border-color: rgba(99, 102, 241, 0.4);
}

body.light-mode .driver-search input {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.2);
}

body.light-mode .driver-search input:focus {
  border-color: rgba(99, 102, 241, 0.55);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

body.light-mode .driver-search-clear {
  background: rgba(79, 70, 229, 0.1);
  color: #4f46e5;
}

body.light-mode .driver-search-clear:hover {
  background: rgba(99, 102, 241, 0.2);
  color: #4338ca;
}

body.light-mode .search-summary strong {
  color: #4f46e5;
}

body.light-mode .driver-avatar {
  border-color: rgba(99, 102, 241, 0.4);
  background: #ffffff;
}

/* ─── Genel kartlar / yüzeyler ─── */
body.light-mode .auth-card,
body.light-mode .admin-module-card,
body.light-mode .admin-gallery-card,
body.light-mode .event-card,
body.light-mode .event-card-compact,
body.light-mode .news-card,
body.light-mode .driver-card,
body.light-mode .gallery-item,
body.light-mode .career-card,
body.light-mode .apply-card {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
  box-shadow: 0 8px 30px -14px rgba(79, 70, 229, 0.18);
}

body.light-mode .event-card-compact {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.16);
  box-shadow: none;
}

body.light-mode .event-card-compact::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .event-card-compact:hover {
  border-color: rgba(99, 102, 241, 0.45);
}

body.light-mode .event-date-pill {
  background: rgba(99, 102, 241, 0.08);
  border-color: rgba(79, 70, 229, 0.25);
  color: #4f46e5;
}

body.light-mode .event-route svg {
  color: rgba(79, 70, 229, 0.6);
}

body.light-mode .event-card-actions {
  border-top-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .rule-item {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .profile-card:hover,
body.light-mode .admin-module-card:hover,
body.light-mode .driver-card:hover,
body.light-mode .news-card:hover {
  background: #ffffff;
  border-color: rgba(99, 102, 241, 0.4);
}

/* ─── Haberler ─── */
body.light-mode .news-card::before {
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), rgba(99, 102, 241, 0.5), transparent);
}

body.light-mode .news-card:hover .news-title a {
  color: #4f46e5;
}

body.light-mode .news-date svg,
body.light-mode .news-views svg {
  color: rgba(79, 70, 229, 0.6);
}

body.light-mode .category-pinned {
  color: #4f46e5;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.08));
  border-color: rgba(139, 92, 246, 0.4);
}

body.light-mode .news-footer {
  border-top-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .author-name {
  color: rgba(28, 33, 64, 0.55);
}

body.light-mode .read-more {
  color: #4f46e5;
  background: rgba(99, 102, 241, 0.07);
  border-color: rgba(99, 102, 241, 0.35);
}

body.light-mode .read-more:hover {
  background: var(--primary-gradient);
  color: #ffffff;
}

/* Haber detay */
body.light-mode .news-article {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .news-article::before {
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), rgba(99, 102, 241, 0.5), transparent);
}

body.light-mode .news-article-header,
body.light-mode .news-detail-footer,
body.light-mode .news-article-footer {
  border-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .news-article-title {
  color: #1c2140;
}

body.light-mode .author-name-main {
  color: #1c2140;
}

body.light-mode .article-stats {
  color: rgba(28, 33, 64, 0.55);
}

body.light-mode .news-article-body {
  color: rgba(28, 33, 64, 0.68);
}

body.light-mode .news-article-body h1,
body.light-mode .news-article-body h2,
body.light-mode .news-article-body h3,
body.light-mode .news-article-body strong {
  color: #1c2140;
}

body.light-mode .news-article-body a {
  color: #4f46e5;
}

body.light-mode .profile-card-title svg {
  color: #6366f1;
}

body.light-mode .patreon-card {
  background: linear-gradient(135deg, rgba(255, 66, 77, 0.05) 0%, rgba(232, 91, 70, 0.05) 100%);
}

/* ─── İç kutu ve liste öğeleri ─── */
body.light-mode .game-stat-item,
body.light-mode .achievement-item,
body.light-mode .steam-card,
body.light-mode .ban-state,
body.light-mode .ban-note,
body.light-mode .info-box {
  background: #f6f7fd;
  border-color: rgba(79, 70, 229, 0.14);
}

/* ─── Etkinlik detay / kurallar / galeri yüzeyleri ─── */
body.light-mode .event-detail-card,
body.light-mode .event-description-card,
body.light-mode .event-sidebar-card,
body.light-mode .slots-card,
body.light-mode .slot-grid-item,
body.light-mode .slot-card,
body.light-mode .slot-no-image,
body.light-mode .sidebar-link,
body.light-mode .rules-page-header,
body.light-mode .rules-category,
body.light-mode .rule-item,
body.light-mode .rules-container {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .event-list-card {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.16);
  box-shadow: none;
}

body.light-mode .event-list-card:hover {
  border-color: rgba(79, 70, 229, 0.5);
}

body.light-mode .event-list-meta {
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.04) 0%, rgba(99, 102, 241, 0.1) 100%);
  border-top-color: rgba(79, 70, 229, 0.22);
}

body.light-mode .event-list-meta span {
  background: rgba(99, 102, 241, 0.07);
  color: #1c2140;
}

body.light-mode .event-list-meta svg {
  color: rgba(79, 70, 229, 0.7);
}

body.light-mode .event-list-distance {
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(79, 70, 229, 0.4);
  color: #4f46e5;
}

body.light-mode .event-list-card:hover .event-list-distance {
  background: rgba(99, 102, 241, 0.2);
  border-color: rgba(79, 70, 229, 0.6);
}

body.light-mode .event-detail-icon {
  background: rgba(79, 70, 229, 0.08) !important;
  color: #4f46e5 !important;
}

body.light-mode .sidebar-info-item {
  border-bottom-color: rgba(79, 70, 229, 0.1);
}

body.light-mode .route-dot {
  border-color: #ffffff;
}

body.light-mode .news-image-placeholder {
  background: rgba(79, 70, 229, 0.06);
}

body.light-mode .news-title a:hover {
  color: #4f46e5;
}

body.light-mode .news-footer {
  border-top-color: rgba(79, 70, 229, 0.1);
}

/* ─── Admin formlar / paneller ─── */
body.light-mode .form-section,
body.light-mode .slots-section,
body.light-mode .banner-preview,
body.light-mode .inline-image-input,
body.light-mode .checkbox-group,
body.light-mode .search-input-wrap,
body.light-mode .rules-admin-block,
body.light-mode .rules-cat-admin-header,
body.light-mode .rules-cat-admin-info,
body.light-mode .rules-admin-item,
body.light-mode .rules-edit-form,
body.light-mode .rules-add-rule,
body.light-mode .admin-user-count {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .rules-input,
body.light-mode .rules-input-sm,
body.light-mode .rules-textarea,
body.light-mode .slot-input,
body.light-mode .slot-input-number,
body.light-mode .role-select,
body.light-mode .search-input-wrap input {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.2);
  color: #1c2140;
}

body.light-mode .rules-input::placeholder,
body.light-mode .rules-textarea::placeholder {
  color: rgba(28, 33, 64, 0.45);
}

body.light-mode .rules-admin-item-title,
body.light-mode .rules-cat-admin-name,
body.light-mode .form-section-title,
body.light-mode .slots-header,
body.light-mode .slot-card-info h4,
body.light-mode .slot-grid-number,
body.light-mode .slot-modal-hint,
body.light-mode .admin-module-arrow {
  color: #1c2140;
}

body.light-mode .rules-admin-item-desc,
body.light-mode .rules-cat-admin-info,
body.light-mode .slots-header span,
body.light-mode .slot-grid-vtc,
body.light-mode .slot-card-info p,
body.light-mode .admin-module-desc,
body.light-mode .rules-admin-block-title {
  color: rgba(28, 33, 64, 0.65);
}

body.light-mode .rule-item:hover {
  background: #ffffff;
  border-color: rgba(99, 102, 241, 0.35);
}

body.light-mode .rules-nav-item {
  color: rgba(28, 33, 64, 0.75);
}

body.light-mode select option {
  background: #ffffff;
  color: #1c2140;
}

/* ─── HERO (koyu kalan bant üzerindeki yazılar) ─── */
body.light-mode .hero-modern h1 {
  color: #ffffff;
}

body.light-mode .hero-modern h1 span {
  background: linear-gradient(135deg, #a78bfa 0%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.light-mode .hero-description {
  color: rgba(255, 255, 255, 0.75);
}

body.light-mode .hero-stat-label {
  color: rgba(255, 255, 255, 0.55);
}

body.light-mode .hero-stat-value {
  background: linear-gradient(135deg, #a78bfa 0%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.light-mode .hero-badge {
  background: rgba(139, 92, 246, 0.12);
  border-color: rgba(139, 92, 246, 0.25);
  color: #a78bfa;
}

body.light-mode .hero-actions .btn-outline {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

body.light-mode .hero-actions .btn-primary {
  background: rgba(99, 102, 241, 0.2);
  color: #ffffff;
}

body.light-mode .hero-actions .btn-outline:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

body.light-mode .hero-stats-row {
  border-top-color: rgba(139, 92, 246, 0.15);
}

/* ─── Yaklaşan etkinlik (event-card-modern) ─── */
body.light-mode .event-card-modern {
  border-color: rgba(79, 70, 229, 0.2);
}

body.light-mode .event-card-modern::after {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .event-card-modern:hover {
  border-color: rgba(99, 102, 241, 0.5);
}

/* ─── Oyundan Kareler (home-gallery) ─── */
body.light-mode .home-gallery-item {
  border-color: rgba(79, 70, 229, 0.16);
}

body.light-mode .home-gallery-item:hover {
  border-color: rgba(99, 102, 241, 0.45);
}

body.light-mode .home-gallery-more .btn {
  border-color: rgba(79, 70, 229, 0.45);
  color: #4f46e5;
  background: rgba(99, 102, 241, 0.07);
}

body.light-mode .home-gallery-more .btn:hover {
  background: var(--primary-gradient);
  color: #ffffff;
}

/* ─── Partnerler (yuvarlak logolar — kutu yok) ─── */
body.light-mode .partner-tile {
  border-color: rgba(79, 70, 229, 0.25);
}

body.light-mode .partner-tile:hover {
  border-color: rgba(139, 92, 246, 0.7);
}

/* ─── Footer ─── */
body.light-mode .site-footer {
  background: linear-gradient(180deg, #ffffff 0%, #f3f4fb 100%);
  border-top-color: rgba(79, 70, 229, 0.15);
}

body.light-mode .site-footer::after {
  background: radial-gradient(closest-side, rgba(99, 102, 241, 0.07), transparent);
}

body.light-mode .footer-logo-text h4 {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.light-mode .footer-logo-text p {
  color: rgba(28, 33, 64, 0.65);
}

body.light-mode .footer-column a:hover {
  color: #4f46e5;
}

body.light-mode .footer-logo img {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.25);
}

body.light-mode .footer-bottom {
  border-top-color: rgba(79, 70, 229, 0.12);
}

/* ─── Neden Biz? (feature cards) ─── */
body.light-mode .feature-card {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .feature-card::before {
  background: linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

body.light-mode .feature-card:hover {
  background: #ffffff;
  border-color: rgba(99, 102, 241, 0.4);
}

body.light-mode .feature-icon {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.1) 100%);
  border-color: rgba(139, 92, 246, 0.3);
  color: #4f46e5;
  box-shadow: 0 0 20px rgba(99, 102, 241, 0.18);
}

body.light-mode .feature-card h3 {
  color: #1c2140;
}

body.light-mode .feature-card p {
  color: rgba(28, 33, 64, 0.6);
}

body.light-mode .steam-card-logo {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.18);
}

body.light-mode .vtc-logo {
  background: #ffffff;
}

body.light-mode .ban-row {
  border-bottom-color: rgba(79, 70, 229, 0.1);
}

body.light-mode .ban-list {
  border-top-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .ban-state-ok {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.25);
}

body.light-mode .ban-state-warn {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.25);
}

body.light-mode .ban-state-danger {
  background: rgba(239, 68, 68, 0.07);
  border-color: rgba(239, 68, 68, 0.25);
}

body.light-mode .patreon-box {
  background: #ffffff;
  border-color: rgba(255, 66, 77, 0.22);
}

body.light-mode .patreon-tier {
  color: #1c2140;
}

body.light-mode .patreon-pledge {
  color: rgba(28, 33, 64, 0.6);
}

body.light-mode .ban-type,
body.light-mode .ban-row-badge {
  background: rgba(79, 70, 229, 0.1);
  color: #4f46e5;
}

body.light-mode .ban-row-reason,
body.light-mode .ban-state-title,
body.light-mode .steam-card-title,
body.light-mode .achievement-title {
  color: #1c2140;
}

body.light-mode .achievement-img-placeholder {
  background: rgba(79, 70, 229, 0.1);
  color: #6366f1;
}

/* ─── Başlıklar / metinler ─── */
body.light-mode .event-card-title,
body.light-mode .news-card h3,
body.light-mode .driver-card-name,
body.light-mode .admin-module-name,
body.light-mode .admin-dashboard-title {
  color: #1c2140;
}

body.light-mode .section-title-modern,
body.light-mode .section-title {
  color: #1c2140;
}

body.light-mode .event-card-info,
body.light-mode .event-card-meta,
body.light-mode .news-card p,
body.light-mode .admin-module-desc,
body.light-mode .admin-dashboard-sub {
  color: rgba(28, 33, 64, 0.65);
}

/* ─── Butonlar ─── */
body.light-mode .btn-outline {
  background: #ffffff;
  border-color: rgba(99, 102, 241, 0.45);
  color: #4f46e5;
}

body.light-mode .btn-outline:hover {
  background: rgba(99, 102, 241, 0.08);
  border-color: #4f46e5;
  color: #4338ca;
}

body.light-mode .btn-back {
  color: #4f46e5;
  border-color: rgba(79, 70, 229, 0.3);
}

body.light-mode .btn-logout {
  color: #dc2626;
}

body.light-mode .btn-sm {
  border-color: rgba(79, 70, 229, 0.3);
  color: #4f46e5;
  background: #ffffff;
}

/* ─── Formlar ─── */
body.light-mode .form input,
body.light-mode .form select,
body.light-mode .form textarea {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.2);
  color: #1c2140;
}

body.light-mode .form input::placeholder,
body.light-mode .form textarea::placeholder {
  color: rgba(28, 33, 64, 0.45);
}

body.light-mode .form input:focus,
body.light-mode .form select:focus,
body.light-mode .form textarea:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

body.light-mode .form label {
  color: rgba(28, 33, 64, 0.85);
}

body.light-mode .auth-card {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 30px 60px rgba(79, 70, 229, 0.15);
}

body.light-mode .auth-overlay {
  background: rgba(245, 246, 251, 0.6);
}

/* ─── Admin ─── */
body.light-mode .admin-table-wrap {
  background: #ffffff;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .admin-table th {
  color: rgba(28, 33, 64, 0.65);
  border-bottom-color: rgba(79, 70, 229, 0.15);
}

body.light-mode .admin-table td {
  color: #1c2140;
  border-bottom-color: rgba(79, 70, 229, 0.09);
}

body.light-mode .admin-note {
  background: #f6f7fd;
  border-color: rgba(79, 70, 229, 0.14);
}

body.light-mode .admin-section-label {
  color: rgba(28, 33, 64, 0.6);
}

/* ─── Yükleme ekranı ─── */
body.light-mode .page-loader {
  background: linear-gradient(135deg, #f5f6fb 0%, #ffffff 50%, #f5f6fb 100%);
}

body.light-mode .loader-blob {
  opacity: 0.22;
}

body.light-mode .loader-blob-1 {
  background: #a5b4fc;
}

body.light-mode .loader-blob-2 {
  background: #c4b5fd;
}

/* ─── Footer ─── */
body.light-mode .site-footer {
  background: #eceef8;
  border-top-color: rgba(79, 70, 229, 0.12);
}

body.light-mode .footer-inner h4 {
  color: #1c2140;
}

body.light-mode .footer-inner li {
  color: rgba(28, 33, 64, 0.65);
}

body.light-mode .footer-bottom {
  border-top-color: rgba(79, 70, 229, 0.12);
  color: rgba(28, 33, 64, 0.55);
}

/* ─── Mobil menü ─── */
@media (max-width: 768px) {
  body.light-mode .main-nav {
    background: #ffffff;
    border: 1px solid rgba(79, 70, 229, 0.14);
  }

  body.light-mode .main-nav a {
    color: #3a3f5c;
  }
}