/* AYDINLIK MOD — varsayılan koyu tema; <html data-theme="light"> olunca devreye girer.
   theme.css'teki sabit koyu renkleri aynı seçicilerle ezer. */

html[data-theme="light"] {
  color-scheme: light;

  --bg:              #f5f6fa;
  --bg-glow:         #eef0f7;
  --bg-glow-grad:    none;
  --bg-section:      #eef0f6;
  --bg-section-line: rgba(15,23,42,.06);
  --bg-footer:       #ffffff;
  --bg-footer-deep:  #ffffff;

  --panel:           #ffffff;
  --panel-soft:      #fafbfd;
  --panel-deep:      #f3f4f8;
  --panel-black:     #eceef4;
  --panel-menu:      #ffffff;
  --overlay:         rgba(15,23,42,.45);

  --border-subtle:   rgba(15,23,42,.06);
  --border:          rgba(15,23,42,.12);
  --border-strong:   rgba(99,102,241,.40);
  --border-hover:    rgba(99,102,241,.60);
  --border-nav:      rgba(15,23,42,.08);
  --border-footer:   rgba(15,23,42,.08);

  --accent:          #6366f1;
  --accent-dark:     #4f46e5;
  --accent-hover:    #4f46e5;
  --nav-hover:       rgba(99,102,241,.10);

  --text:            #1f2937;
  --text-heading:    #0f172a;
  --text-card-title: #111827;
  --text-muted:      #5b6476;
  --text-faint:      #8a93a6;
  --link:            #4f46e5;
  --link-hover:      #4338ca;
  --link-hot:        #6366f1;

  --price:           #4f46e5;
  --gold:            #b45309;
  --star:            #d97706;

  --success:         #059669;
  --warning:         #b45309;
  --danger:          #dc2626;
  --danger-bg:       rgba(220,38,38,.08);
  --danger-text:     #b91c1c;
  --info:            #0284c7;

  --btn-secondary-bg:   #ffffff;
  --btn-secondary-text: #374151;

  --header-bg:       #ffffff;
  --nav-bg:          #ffffff;
  --input-bg:        #ffffff;
  --input-border:    rgba(15,23,42,.16);

  --shadow-card:     0 1px 3px rgba(15,23,42,.08);
  --shadow-panel:    0 2px 8px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow-modal:    0 24px 60px rgba(15,23,42,.18);
  --shadow-menu:     drop-shadow(0 14px 32px rgba(15,23,42,.14));
  --shadow-glow:     0 4px 14px rgba(99,102,241,.22);
  --card-hover-grad: none;
}

html[data-theme="light"] body { background: #f5f6fa !important; color: #1f2937; }
html[data-theme="light"] body::before { background: none !important; }

/* ===== Header / nav ===== */
html[data-theme="light"] .header-main {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  border-bottom-color: rgba(15,23,42,.08) !important;
  box-shadow: none;
}
html[data-theme="light"] .main-nav {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
html[data-theme="light"] .site-section,
html[data-theme="light"] .bg-section { background: #eef0f6 !important; }
html[data-theme="light"] .header-top { background: #ffffff; border-bottom-color: rgba(15,23,42,.06); }
html[data-theme="light"] .nav-menu a { color: #4b5563; }
html[data-theme="light"] .nav-menu a:hover,
html[data-theme="light"] .nav-menu a.active { background: rgba(99,102,241,.10); color: #4338ca; }
html[data-theme="light"] .header-search input { background: #f5f6fa; border-color: rgba(15,23,42,.14); color: #1f2937; }
html[data-theme="light"] .header-search input:focus { border-color: #6366f1; }
html[data-theme="light"] .icon-btn { background: #ffffff; border-color: rgba(15,23,42,.14); color: #4b5563; }
html[data-theme="light"] .icon-btn:hover { color: #4338ca; border-color: rgba(99,102,241,.5); background: rgba(99,102,241,.06); }
html[data-theme="light"] .user-card { background: #ffffff; border-color: rgba(15,23,42,.14); }
html[data-theme="light"] .user-card:hover { border-color: rgba(99,102,241,.5); box-shadow: 0 2px 8px rgba(15,23,42,.08); }
html[data-theme="light"] .user-card__name { color: #111827; }
html[data-theme="light"] .user-card__avatar { color: #ffffff; }
html[data-theme="light"] .notif-badge { border-color: #ffffff; }
html[data-theme="light"] .mobile-menu-btn { background: #ffffff; border-color: rgba(15,23,42,.14); color: #374151; }
html[data-theme="light"] .header-top__slogan,
html[data-theme="light"] .header-top__links a { color: #5b6476; }

/* ===== Dropdown / bildirim ===== */
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .nav-dropdown__menu,
html[data-theme="light"] .notif-menu {
  background: #ffffff;
  border-color: rgba(15,23,42,.10);
  box-shadow: 0 14px 34px rgba(15,23,42,.14);
}
html[data-theme="light"] .dropdown-item { color: #374151; }
html[data-theme="light"] .dropdown-item:hover { background: rgba(99,102,241,.08); color: #4338ca; }
html[data-theme="light"] .dropdown-toggle { background: #ffffff; border-color: rgba(15,23,42,.14); color: #374151; }
html[data-theme="light"] .notif-item { border-bottom-color: rgba(15,23,42,.06); }
html[data-theme="light"] .notif-item:hover { background: rgba(15,23,42,.03); }
html[data-theme="light"] .notif-item--unread { background: rgba(99,102,241,.07); }
html[data-theme="light"] .notif-item__title { color: #111827; }
html[data-theme="light"] .notif-item__text { color: #5b6476; }

/* ===== Butonlar ===== */
html[data-theme="light"] .btn-primary { box-shadow: 0 2px 8px rgba(99,102,241,.25); }
html[data-theme="light"] .btn-outline { background: #ffffff; color: #374151; border-color: rgba(15,23,42,.16); }
html[data-theme="light"] .btn-outline:hover { background: rgba(99,102,241,.06); color: #4338ca; border-color: rgba(99,102,241,.5); }

/* ===== Form ===== */
html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"], html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="tel"], html[data-theme="light"] input[type="search"],
html[data-theme="light"] select, html[data-theme="light"] textarea {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.16) !important;
  color: #1f2937 !important;
}
html[data-theme="light"] input:focus, html[data-theme="light"] select:focus, html[data-theme="light"] textarea:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}
html[data-theme="light"] select option { background: #ffffff; color: #1f2937; }
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color: #9aa3b5; }
html[data-theme="light"] .form-label { color: #374151; }

/* ===== Kartlar / paneller ===== */
html[data-theme="light"] .panel, html[data-theme="light"] .card, html[data-theme="light"] .post-box,
html[data-theme="light"] .listing-card, html[data-theme="light"] .server-card, html[data-theme="light"] .step-card,
html[data-theme="light"] .form-section, html[data-theme="light"] .filterbar, html[data-theme="light"] .empty-state,
html[data-theme="light"] .breadcrumb, html[data-theme="light"] .stats-strip, html[data-theme="light"] .category-card {
  background: #ffffff;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 1px 3px rgba(15,23,42,.06);
}
html[data-theme="light"] .post-box:hover, html[data-theme="light"] .listing-card:hover,
html[data-theme="light"] .server-card:hover, html[data-theme="light"] .category-card:hover {
  border-color: rgba(99,102,241,.45);
  box-shadow: 0 10px 24px rgba(15,23,42,.10);
}
html[data-theme="light"] .post-box__author { background: rgba(15,23,42,.02); border-bottom-color: rgba(15,23,42,.06); }
html[data-theme="light"] .post-box__author a { color: #5b6476; }
html[data-theme="light"] .post-box__title { color: #111827; }
html[data-theme="light"] .post-box__desc { color: #5b6476; }
html[data-theme="light"] .post-box__price { color: #4f46e5; }
html[data-theme="light"] .post-box__image img, html[data-theme="light"] .post-box__image-empty { background: #eef0f7; color: #6366f1; }
html[data-theme="light"] .post-box--highlight { background: #ffffff !important; }
html[data-theme="light"] .post-box--highlight .post-box__title { color: #0f172a; }
html[data-theme="light"] .panel-title { border-bottom-color: rgba(15,23,42,.08); color: #111827; }
html[data-theme="light"] .page-title { color: #0f172a; }
html[data-theme="light"] .category-card__icon, html[data-theme="light"] .category-card__name { color: #4f46e5; }

/* ===== Hero: görsel koyu kalır, alt kenar açık zemine karışır ===== */
html[data-theme="light"] .hero {
  background-color: #f5f6fa;
  background-image:
    radial-gradient(ellipse 42% 75% at 50% 50%, rgba(5,6,10,.6) 0%, rgba(5,6,10,.25) 60%, rgba(5,6,10,0) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.15) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.6) 100%),
    image-set(url(../img/hero.webp) type("image/webp"), url(../img/hero.jpg) type("image/jpeg"));
}
@media (max-width: 768px) {
  html[data-theme="light"] .hero {
    background-image:
      linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
      image-set(url(../img/hero.webp) type("image/webp"), url(../img/hero.jpg) type("image/jpeg"));
  }
}

/* ===== Chip / filtre / tablo / sayfalama ===== */
html[data-theme="light"] .chip { background: #ffffff; border-color: rgba(15,23,42,.14); color: #4b5563; }
html[data-theme="light"] .chip:hover { color: #4338ca; border-color: rgba(99,102,241,.5); }
html[data-theme="light"] .filter-list a { color: #5b6476; }
html[data-theme="light"] .filter-list a:hover, html[data-theme="light"] .filter-list a.active { background: rgba(99,102,241,.08); color: #4338ca; }
html[data-theme="light"] .table th { background: #f3f4f8; color: #374151; border-bottom-color: rgba(15,23,42,.10); }
html[data-theme="light"] .table td { color: #374151; border-bottom-color: rgba(15,23,42,.06); }
html[data-theme="light"] .table tbody tr:hover td { background: rgba(15,23,42,.02); }
html[data-theme="light"] .pagination .page-link, html[data-theme="light"] .pagination__item { background: #ffffff; border-color: rgba(15,23,42,.14); color: #4b5563; }
html[data-theme="light"] .pagination a.page-link:hover, html[data-theme="light"] .pagination__item:hover { background: rgba(99,102,241,.08); color: #4338ca; border-color: rgba(99,102,241,.5); }
html[data-theme="light"] .breadcrumb { color: #8a93a6; }
html[data-theme="light"] .breadcrumb a { color: #5b6476; }
html[data-theme="light"] .empty-state { color: #5b6476; }
html[data-theme="light"] .stat__value { color: #4f46e5; }
html[data-theme="light"] .tag-badge { background: #ffffff; border-color: rgba(15,23,42,.14); color: #4b5563; }

/* ===== Uyarı / rozet: açık zeminde okunur koyu tonlar ===== */
html[data-theme="light"] .alert-success { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
html[data-theme="light"] .alert-danger  { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
html[data-theme="light"] .alert-warning { background: #fffbeb; border-color: #fde68a; color: #92400e; }
html[data-theme="light"] .alert-info    { background: #f0f9ff; border-color: #bae6fd; color: #075985; }
html[data-theme="light"] .badge-success, html[data-theme="light"] .verified-badge { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
html[data-theme="light"] .badge-danger  { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
html[data-theme="light"] .badge-warning { background: #fffbeb; color: #b45309; border-color: #fde68a; }
html[data-theme="light"] .badge-info    { background: #f0f9ff; color: #0369a1; border-color: #bae6fd; }
html[data-theme="light"] .amount-pos { color: #059669; }
html[data-theme="light"] .amount-neg { color: #dc2626; }
html[data-theme="light"] .warning-box { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
html[data-theme="light"] .warning-box strong { color: #7f1d1d; }
html[data-theme="light"] .delivery-badge--code, html[data-theme="light"] .stock-badge--in { color: #047857; border-color: #a7f3d0; }
html[data-theme="light"] .delivery-badge--download { color: #0369a1; border-color: #bae6fd; }
html[data-theme="light"] .delivery-badge--manual { color: #b45309; border-color: #fde68a; }
html[data-theme="light"] .stock-badge--out { color: #b91c1c; border-color: #fecaca; }

/* ===== Auth / footer ===== */
html[data-theme="light"] .auth-wide__promo {
  background: linear-gradient(160deg, #eef0ff, #ffffff) !important;
  border-right: 1px solid rgba(15,23,42,.08);
}
html[data-theme="light"] .site-footer,
html[data-theme="light"] .footer-main,
html[data-theme="light"] .footer-bottom { background: #ffffff; }
html[data-theme="light"] .footer-main { border-top: 1px solid rgba(15,23,42,.08); }
html[data-theme="light"] .footer-bottom { border-top-color: rgba(15,23,42,.08); color: #5b6476; }
html[data-theme="light"] .footer-logo, html[data-theme="light"] .footer-col h4 { color: #0f172a; }
html[data-theme="light"] .footer-col a { color: #5b6476; }
html[data-theme="light"] .footer-col a:hover { color: #4338ca; }
html[data-theme="light"] .footer-col p { color: #8a93a6; }

/* ===== Logo: koyu modda beyaz yazılı, aydınlıkta koyu yazılı ===== */
.logo-img--light { display: none; }
html[data-theme="light"] .logo-img--dark { display: none; }
html[data-theme="light"] .logo-img--light { display: block; }

/* ===== Tema düğmesi: koyuda güneş, aydınlıkta ay ===== */
.theme-toggle .ico-moon { display: none; }
html[data-theme="light"] .theme-toggle .ico-sun { display: none; }
html[data-theme="light"] .theme-toggle .ico-moon { display: inline-block; }
