/* =====================================================================
   themes.css - Theme overrides
   ===================================================================== 
   PHẢI LOAD SAU style.css + pages.css để override đúng (cascade order).
   Tách từ index.html. Bao gồm:
     - V2 Component overrides cho LIGHT themes (1861-2116)
     - Extra contrast fix cho LIGHT themes (2117-2194)
     - Dark themes tinh chỉnh contrast (2195-2209)
     - Theme overrides chung (chỉ ghi đè màu) (2210-2360)
     - Admin themed overrides (2361-2424)
   ===================================================================== */

/* ============ V2 LIGHT THEME COMPONENT OVERRIDES ============ */
/* ============ V2 COMPONENT OVERRIDES cho LIGHT THEMES ============
   Override các hardcoded dark color trong topbar, header, hero, top-nap,
   cat-strip, notice, subcats-view, scp-card, modal, theme-pop, v.v.
   ============================================================ */
body.is-light-theme { color: var(--c-text); background: var(--c-bg); }

body.is-light-theme .topbar {
  background: linear-gradient(90deg, var(--c-bg-deep), var(--c-bg-2));
  color: var(--c-text-soft);
  border-bottom: 1px solid var(--c-border);
}
body.is-light-theme .topbar strong { color: var(--c-primary); }
body.is-light-theme .topbar__menu > span { color: var(--c-text-soft); }
body.is-light-theme .topbar__menu:hover > span { color: var(--c-primary); }
body.is-light-theme .topbar__dropdown {
  background: var(--c-bg-deep);
  border-color: var(--c-border);
  box-shadow: 0 12px 28px rgba(15,23,42,0.15);
}
body.is-light-theme .topbar__dropdown a { color: var(--c-text); }
body.is-light-theme .topbar__dropdown a:hover { background: var(--c-bg-2); color: var(--c-primary); }

body.is-light-theme .header {
  background: var(--c-bg-deep);
  border-bottom: 1px solid var(--c-border);
  box-shadow: 0 4px 14px rgba(15,23,42,0.06);
}
body.is-light-theme .logo__text { color: var(--c-text); }
body.is-light-theme .search {
  background: var(--c-bg-2);
  border: 1px solid var(--c-border);
}
body.is-light-theme .search input { color: var(--c-text); }
body.is-light-theme .search input::placeholder { color: var(--c-text-mute); }
body.is-light-theme .icon-btn {
  background: var(--c-bg-2);
  border: 1px solid var(--c-border);
  color: var(--c-primary);
}
body.is-light-theme .icon-btn:hover {
  background: var(--c-primary);
  color: #fff;
  border-color: var(--c-primary);
}
body.is-light-theme .icon-btn .dot {
  border-color: var(--c-bg-deep);
}

body.is-light-theme .nav {
  background: linear-gradient(90deg, var(--c-bg-2) 0%, var(--c-bg-deep) 50%, var(--c-bg-2) 100%);
  border-bottom: 1px solid var(--c-border);
}
body.is-light-theme .nav a { color: var(--c-text-soft); }
body.is-light-theme .nav a:hover,
body.is-light-theme .nav a.active {
  color: var(--c-primary);
  background: var(--c-bg-2);
}

body.is-light-theme .hero-v2 {
  background:
    radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--c-primary) 14%, transparent) 0%, transparent 55%),
    radial-gradient(circle at 90% 80%, color-mix(in srgb, var(--c-info) 14%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, var(--c-bg-2) 0%, var(--c-bg) 100%);
}
body.is-light-theme .top-nap {
  background: var(--c-bg-deep);
  border: 1px solid var(--c-border);
  box-shadow: 0 8px 22px rgba(15,23,42,0.08);
}
body.is-light-theme .top-nap__tab {
  background: var(--c-bg-2);
  color: var(--c-text-soft);
}
body.is-light-theme .top-nap__row { border-bottom-color: var(--c-border); }
body.is-light-theme .top-nap__name { color: var(--c-text); }
body.is-light-theme .top-nap__amount { color: var(--c-primary); }
body.is-light-theme .top-nap__cta {
  background: var(--c-bg-2);
  border-color: var(--c-primary);
  color: var(--c-text);
}
body.is-light-theme .top-nap__cta:hover {
  background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
  color: #fff;
}
body.is-light-theme .hero-banner {
  background: linear-gradient(135deg, var(--c-bg-deep), var(--c-bg-2));
  border: 1px solid var(--c-border);
  box-shadow: 0 8px 22px rgba(15,23,42,0.08);
}
body.is-light-theme .hero-banner__bg {
  background:
    radial-gradient(circle at 30% 50%, color-mix(in srgb, var(--c-primary) 22%, transparent) 0%, transparent 40%),
    radial-gradient(circle at 70% 50%, color-mix(in srgb, var(--c-accent) 22%, transparent) 0%, transparent 40%);
}
body.is-light-theme .hero-banner__brand { color: var(--c-primary); text-shadow: 0 4px 16px rgba(0,0,0,0.06); }
body.is-light-theme .hero-banner__tag {
  background: color-mix(in srgb, var(--c-primary) 10%, transparent);
  color: var(--c-primary);
}
body.is-light-theme .hero-banner__title { color: var(--c-text); text-shadow: none; }
body.is-light-theme .hero-banner__sub   { color: var(--c-text-soft); }

body.is-light-theme .cat-strip {
  background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-2) 100%);
}
body.is-light-theme .cat-strip__label { color: var(--c-text); }

body.is-light-theme .notice {
  background: linear-gradient(180deg, color-mix(in srgb, var(--c-accent) 10%, transparent), color-mix(in srgb, var(--c-primary) 6%, transparent));
  border-color: color-mix(in srgb, var(--c-accent) 40%, transparent);
  color: var(--c-text);
}
body.is-light-theme .notice h3 { color: var(--c-accent); }
body.is-light-theme .notice__row { color: var(--c-text); }
body.is-light-theme .notice__row a { color: var(--c-primary); }
body.is-light-theme .notice__row strong { color: var(--c-danger); }
body.is-light-theme .notice__cta { color: var(--c-primary); }

body.is-light-theme .subcats-view {
  background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-2) 100%);
}
body.is-light-theme .subcats-view__back {
  background: var(--c-bg-deep); color: var(--c-text);
  border-color: var(--c-border);
}
body.is-light-theme .subcats-view__crumb { color: var(--c-text-mute); }
body.is-light-theme .subcats-view__crumb .cur { color: var(--c-primary); }
body.is-light-theme .subcats-view__title { color: var(--c-text); }
body.is-light-theme .cat-page__banner {
  background: linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 16%, transparent), color-mix(in srgb, var(--c-info) 10%, transparent));
  border-color: color-mix(in srgb, var(--c-primary) 30%, transparent);
  box-shadow: 0 8px 22px rgba(15,23,42,0.08);
}
body.is-light-theme .subcat-section__head {
  border-bottom-color: var(--c-border);
}
body.is-light-theme .subcat-section__head h3 { color: var(--c-text); }
body.is-light-theme .subcat-section__more { color: var(--c-primary); }

body.is-light-theme .scp-card {
  background: var(--c-bg-deep);
  border-color: var(--c-success);
  box-shadow: 0 4px 12px rgba(15,23,42,0.06);
}
body.is-light-theme .scp-card__img {
  background: linear-gradient(135deg, var(--c-bg-2), var(--c-bg));
}
body.is-light-theme .scp-card__title { color: var(--c-text); }
body.is-light-theme .scp-card__stat  { color: var(--c-text-soft); }
body.is-light-theme .scp-card__btn--ghost {
  background: var(--c-bg-2);
  color: var(--c-text);
  border-color: var(--c-border);
}
body.is-light-theme .scp-card__btn--ghost:hover { background: var(--c-bg-darker); }

/* hero (cũ — fallback) */
body.is-light-theme .hero { background: var(--c-bg-2); }

/* Sections + footer */
body.is-light-theme .section { color: var(--c-text); }
body.is-light-theme .section--alt { background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-2) 100%); }
body.is-light-theme .section__head h2 { color: var(--c-text); }
body.is-light-theme .section__head p  { color: var(--c-text-mute); }
body.is-light-theme .footer { background: var(--c-bg-darker); border-top: 1px solid var(--c-border); }
body.is-light-theme .footer p, body.is-light-theme .footer ul li, body.is-light-theme .footer ul li a { color: var(--c-text-soft); }
body.is-light-theme .footer h4 { color: var(--c-text); }
body.is-light-theme .footer__bottom { border-top-color: var(--c-border); color: var(--c-text-mute); }

/* Product cards */
body.is-light-theme .product {
  background: var(--c-bg-deep);
  border: 1px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(15,23,42,0.06);
}
body.is-light-theme .product__title { color: var(--c-text); }
body.is-light-theme .product__desc, body.is-light-theme .product__attrs span { color: var(--c-text-soft); }
body.is-light-theme .product__price { color: var(--c-primary); }
body.is-light-theme .product__info-btn {
  background: var(--c-bg-2);
  color: var(--c-text);
  border: 1px solid var(--c-border);
}
body.is-light-theme .product__info-btn:hover { background: var(--c-bg-darker); }

/* Theme popover menu */
body.is-light-theme .theme-pop__menu {
  background: var(--c-bg-deep);
  border-color: var(--c-border);
  box-shadow: 0 16px 40px rgba(15,23,42,0.18);
}
body.is-light-theme .theme-pop__item { background: var(--c-bg-2); }
body.is-light-theme .theme-pop__item:hover { background: var(--c-bg-darker); }
body.is-light-theme .theme-pop__item__name { color: var(--c-text); }
body.is-light-theme .theme-pop__title { color: var(--c-primary); }

/* Live toast tự đã là card trắng - không cần override */

/* User chip / auth */
body.is-light-theme .user-chip {
  background: var(--c-bg-2); border-color: var(--c-border);
}
body.is-light-theme .user-chip__name { color: var(--c-text); }
body.is-light-theme .user-menu {
  background: var(--c-bg-deep);
  border-color: var(--c-border);
  box-shadow: 0 12px 30px rgba(15,23,42,0.15);
}
body.is-light-theme .user-menu a { color: var(--c-text); }
body.is-light-theme .user-menu a:hover { background: var(--c-bg-2); }

/* Modal */
body.is-light-theme .modal__box {
  background: var(--c-bg-deep);
  color: var(--c-text);
  box-shadow: 0 24px 60px rgba(15,23,42,0.25);
}
body.is-light-theme .modal__close { color: var(--c-text-mute); }
body.is-light-theme .modal__close:hover { color: var(--c-text); }

/* Filter chip */
body.is-light-theme .chip {
  background: var(--c-bg-2);
  border-color: var(--c-border);
  color: var(--c-text-soft);
}
body.is-light-theme .chip:hover { background: var(--c-bg-darker); }

/* Cart drawer */
body.is-light-theme .cart-drawer { background: var(--c-bg-deep); }
body.is-light-theme .cart-drawer__head { border-color: var(--c-border); }
body.is-light-theme .cart-drawer__head h3 { color: var(--c-text); }
body.is-light-theme .cart-drawer__head button { color: var(--c-text); }
body.is-light-theme .cart-item { background: var(--c-bg-2); }
body.is-light-theme .cart-item__title { color: var(--c-text); }
body.is-light-theme .cart-item__price { color: var(--c-primary); }
body.is-light-theme .cart-qty { background: var(--c-bg-darker); }
body.is-light-theme .cart-qty__btn { background: var(--c-bg-2); color: var(--c-text); }
body.is-light-theme .cart-qty__btn:hover:not(:disabled) { background: var(--c-primary); color: #fff; }
body.is-light-theme .cart-qty__num {
  background: var(--c-bg-deep); color: var(--c-text);
  border-color: var(--c-border);
}
body.is-light-theme .cart-qty__num:focus { border-color: var(--c-primary); }
body.is-light-theme .cart-qty__max { color: var(--c-text-mute); }
body.is-light-theme .acc-detail__qty-stepper { background: var(--c-bg-darker); }
body.is-light-theme .acc-detail__qty-stepper button { background: var(--c-bg-2); color: var(--c-text); }
body.is-light-theme .acc-detail__qty-stepper input {
  background: var(--c-bg-deep); color: var(--c-text);
  border-color: var(--c-border);
}
body.is-light-theme .acc-detail__qty-label { color: var(--c-text); }
body.is-light-theme .acc-detail__qty-hint { color: var(--c-text-mute); }


/* ============ EXTRA CONTRAST FIX cho LIGHT THEMES ============ */
/* ===== EXTRA CONTRAST FIX cho LIGHT THEMES =====
   Override mọi hardcoded #fff / #ffd166 / #b8b9d4 trên light bg để không bị chói/mất chữ */
body.is-light-theme .topbar { color: var(--c-text-soft); }
body.is-light-theme .topbar__hotline { color: var(--c-text); }
body.is-light-theme .topbar strong { color: var(--c-primary); }
body.is-light-theme .logo__text { color: var(--c-text); }
body.is-light-theme .logo__text span { color: var(--c-primary); }
body.is-light-theme .nav a.hot { color: var(--c-primary); }
body.is-light-theme .hero__tag { background: color-mix(in srgb, var(--c-primary) 10%, transparent); color: var(--c-primary); }
body.is-light-theme .hero h1 { color: var(--c-text); }
body.is-light-theme .hero__text p { color: var(--c-text-soft); }
body.is-light-theme .hero__stats strong { color: var(--c-primary); }
body.is-light-theme .hero__stats span { color: var(--c-text-mute); }
body.is-light-theme .section__head h2 { color: var(--c-text); }
body.is-light-theme .section__head p  { color: var(--c-text-mute); }
body.is-light-theme .cat-card { background: var(--c-bg-deep); border-color: var(--c-border); }
body.is-light-theme .cat-card h3 { color: var(--c-text); }
body.is-light-theme .cat-card span { color: var(--c-text-mute); }
body.is-light-theme .product__id { background: rgba(255,255,255,0.85); color: var(--c-text); }
body.is-light-theme .product__game { color: var(--c-primary); }
body.is-light-theme .feature { background: var(--c-bg-deep); border-color: var(--c-border); }
body.is-light-theme .feature h3 { color: var(--c-text); }
body.is-light-theme .feature p { color: var(--c-text-soft); }
body.is-light-theme .step { background: var(--c-bg-deep); border-color: var(--c-border); }
body.is-light-theme .step h3 { color: var(--c-text); }
body.is-light-theme .step p { color: var(--c-text-soft); }

body.is-light-theme .top-nap__tab.active { color: #fff; }   /* gradient đỏ → giữ chữ trắng */
body.is-light-theme .top-nap__tabs .top-nap__tab:not(.active) { background: var(--c-bg-2); color: var(--c-text-soft); }
body.is-light-theme .top-nap__rank.r4,
body.is-light-theme .top-nap__rank.r5 {
  background: var(--c-bg-2); color: var(--c-text-soft);
}

body.is-light-theme .cat-page__sub { color: var(--c-primary-2); }
body.is-light-theme .subcats-view__title { color: var(--c-text); }

/* Theme picker icon-btn 🎨 — đảm bảo nhìn rõ */
body.is-light-theme .icon-btn--cart .dot { border-color: var(--c-bg-deep); }

/* User chip on light */
body.is-light-theme .user-chip__balance { color: var(--c-primary); }
body.is-light-theme .btn-ghost { background: var(--c-bg-2); color: var(--c-text); border-color: var(--c-border); }
body.is-light-theme .btn-ghost:hover { background: var(--c-bg-darker); }
body.is-light-theme .select { background: var(--c-bg-2); color: var(--c-text); border-color: var(--c-border); }
body.is-light-theme .select option { background: var(--c-bg-deep); color: var(--c-text); }
body.is-light-theme .chip.active { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); color: #fff; }
body.is-light-theme .product__price-old { color: var(--c-text-mute); }
body.is-light-theme .product__badge { color: var(--c-text); }
body.is-light-theme .product__badge--disc { background: var(--c-danger); color: #fff; }
body.is-light-theme .product__buy { box-shadow: 0 6px 14px color-mix(in srgb, var(--c-primary) 35%, transparent); }
body.is-light-theme .scp-card__btn { box-shadow: 0 4px 10px rgba(0,0,0,0.12); }
body.is-light-theme .subcat-section__empty { background: var(--c-bg-2); color: var(--c-text-mute); }
/* Quick-amount + amount-input trong modal nạp tiền */
body.is-light-theme .quick-amounts button { background: var(--c-bg-2); color: var(--c-text); border-color: var(--c-border); }
body.is-light-theme .quick-amounts button:hover { background: var(--c-bg-darker); border-color: var(--c-success); }
body.is-light-theme .amount-input input { background: var(--c-bg-2); color: var(--c-text); border-color: var(--c-border); }

/* Hero banner brand text — giảm độ chói */
body.is-light-theme .hero-banner__brand {
  color: var(--c-primary-2);
  text-shadow: 0 2px 6px color-mix(in srgb, var(--c-primary) 25%, transparent);
}
body.is-light-theme .hero-banner__tag {
  background: var(--c-primary);
  color: #fff;
}
body.is-light-theme .hero-banner__sub { color: var(--c-text-soft); }

/* Auth modal subtitles, labels */
body.is-light-theme .auth-sub { color: var(--c-text-soft); }
body.is-light-theme .auth-form label { color: var(--c-text); }
body.is-light-theme .auth-form input, body.is-light-theme .auth-form select, body.is-light-theme .auth-form textarea {
  background: var(--c-bg-2); color: var(--c-text); border-color: var(--c-border);
}

/* Live toast luôn là card trắng → chữ luôn dark, không cần override */


/* ============ DARK THEMES - tinh chỉnh contrast ============ */
/* ===== Dark themes - tinh chỉnh contrast nhỏ =====
   Cải thiện rỡ độ rõ chữ cho các theme dark có background gần đen */
body[data-theme="midnight"] .cat-strip__label,
body[data-theme="midnight"] .subcat-section__head h3,
body[data-theme="midnight"] .scp-card__title { color: #e8eef5; }
body[data-theme="emerald"] .top-nap__name,
body[data-theme="emerald"] .scp-card__title { color: #f5efd9; }
body[data-theme="royal"] .scp-card__title,
body[data-theme="royal"] .subcat-section__head h3 { color: #f3ead8; }
body[data-theme="sunset"] .scp-card__title { color: #f6e8d6; }

/* Đảm bảo notice cũ luôn rõ trên mọi theme dark — text dùng var(--c-text) */
body:not(.is-light-theme) .notice__row { color: var(--c-text); }
body:not(.is-light-theme) .notice h3 { color: var(--c-accent); }


/* ============ THEME OVERRIDES (chỉ màu, giữ layout) ============ */
/* ===== Theme overrides (chỉ ghi đè màu, giữ nguyên layout) ===== */
body { background: var(--c-bg); color: var(--c-text); font-family: 'Be Vietnam Pro', sans-serif; }
.topbar { background: linear-gradient(90deg, var(--c-bg-deep) 0%, var(--c-bg-2) 100%); color: var(--c-text-soft); }
.topbar strong { color: var(--c-primary); }
.header { background: var(--c-bg-deep); }
.nav { background: rgba(0,0,0,0.18); }
.nav a { color: var(--c-text-soft); }
.nav a:hover, .nav a.active { color: var(--c-text); border-color: var(--c-primary); }
.nav a.hot { color: var(--c-primary); }
.logo__mark {
  background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  color: #fff;
}
.logo__text {
  color: var(--c-text);
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: 1px;
}
.logo__text span { color: var(--c-primary); font-weight: 700; }
.btn-primary {
  background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-2) 100%);
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
}
.btn-primary:hover { box-shadow: 0 12px 26px rgba(0,0,0,0.35); }
.btn-ghost { background: rgba(255,255,255,0.06); color: var(--c-text); border-color: var(--c-border); }
.btn-ghost:hover { background: rgba(255,255,255,0.10); }
.search { background: rgba(255,255,255,0.07); border-color: var(--c-border); }
.search:focus-within { border-color: var(--c-primary); }
.search button { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); }
.cart-btn { background: rgba(255,255,255,0.08); }
.cart-count { background: var(--c-primary); }
.hero {
  background:
    radial-gradient(circle at 20% 30%, rgba(192,138,46,0.10) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.04) 0%, transparent 50%),
    linear-gradient(180deg, var(--c-bg-deep) 0%, var(--c-bg) 100%);
}
.hero__tag {
  background: rgba(192,138,46,0.18);
  color: var(--c-primary-2);
}
.hero h1 { color: var(--c-text); font-family: var(--font-display); letter-spacing: 0.5px; }
.hero h1 span {
  background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero__text p { color: var(--c-text-soft); }
.hero__stats strong { color: var(--c-primary); }
.hero__stats span { color: var(--c-text-mute); }
.hero__card {
  background: linear-gradient(135deg, rgba(192,138,46,0.18), rgba(255,255,255,0.06));
  border-color: var(--c-border);
}
.section__head h2 { color: var(--c-text); font-family: var(--font-display); }
.section__head p { color: var(--c-text-mute); }
.section--alt { background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-2) 100%); }
.cat-card {
  background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border-color: var(--c-border);
}
.cat-card:hover { border-color: var(--c-primary); box-shadow: 0 12px 30px rgba(0,0,0,0.3); }
.cat-card h3 { color: var(--c-text); }
.cat-card span { color: var(--c-text-mute); }
.chip { background: rgba(255,255,255,0.06); border-color: var(--c-border); color: var(--c-text-soft); }
.chip.active { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); color: #fff; }
.select { background: rgba(255,255,255,0.06); color: var(--c-text); border-color: var(--c-border); }
.product {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg-2) 100%);
  border-color: var(--c-border);
}
.product:hover { border-color: var(--c-primary); }
.product__img { background: linear-gradient(135deg, rgba(192,138,46,0.15), rgba(255,255,255,0.04)); }
.product__badge { background: var(--c-primary); color: var(--c-bg-deep); }
.product__game { color: var(--c-primary); }
.product__title { color: var(--c-text); }
.product__attrs span { background: rgba(255,255,255,0.06); color: var(--c-text-soft); }
.product__price { color: var(--c-primary-2); }
.product__price-old { color: var(--c-text-mute); }
.product__buy { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); color: #fff; }
.feature { background: rgba(255,255,255,0.03); border-color: var(--c-border); }
.feature h3 { color: var(--c-text); }
.feature p { color: var(--c-text-soft); }
.f-icon { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); }
.step { background: rgba(255,255,255,0.03); border-color: var(--c-border); }
.step h3 { color: var(--c-text); }
.step p { color: var(--c-text-soft); }
.step__num { background: linear-gradient(135deg, var(--c-info), var(--c-primary)); }
.footer { background: var(--c-bg-darker); border-color: var(--c-border); }
.footer h4 { color: var(--c-text); }
.footer p, .footer ul li, .footer ul li a { color: var(--c-text-mute); }
.footer ul li a:hover { color: var(--c-primary); }
.footer__bottom { color: var(--c-text-mute); border-color: var(--c-border); }

.cart-drawer { background: var(--c-bg-deep); }
.cart-drawer__head { border-color: var(--c-border); }
.cart-drawer__head h3 { color: var(--c-text); }
.cart-item { background: rgba(255,255,255,0.04); }
.cart-item__title { color: var(--c-text); }
.cart-item__price { color: var(--c-primary); }
.total strong { color: var(--c-primary); }
.cart-empty { color: var(--c-text-mute); }
.cart-drawer__foot { border-color: var(--c-border); }

.modal__box {
  background: linear-gradient(180deg, var(--c-bg-deep) 0%, var(--c-bg-2) 100%);
  border-color: var(--c-border);
}
.auth-tabs { background: rgba(255,255,255,0.04); }
.auth-tab { color: var(--c-text-soft); }
.auth-tab.active { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); color: #fff; }
.auth-form h3, .deposit-step h3 { color: var(--c-text); font-family: var(--font-display); }
.auth-sub { color: var(--c-text-mute); }
.auth-form label, .auth-form .check { color: var(--c-text-soft); }
.auth-form input { background: rgba(255,255,255,0.05); color: var(--c-text); border-color: var(--c-border); }
.auth-form input:focus { border-color: var(--c-primary); }
.auth-row .link { color: var(--c-primary); }
.auth-foot { color: var(--c-text-mute); }
.auth-foot a { color: var(--c-primary); }
.btn-deposit { background: linear-gradient(135deg, var(--c-success), color-mix(in srgb, var(--c-success) 70%, black)); }
body.is-light-theme .btn-account {
  background: var(--c-bg-2); color: var(--c-text);
  border-color: var(--c-border);
}
body.is-light-theme .btn-account:hover { background: var(--c-bg-darker); }
.user-chip { background: rgba(255,255,255,0.06); border-color: var(--c-border); }
.user-chip__avatar { background: linear-gradient(135deg, var(--c-primary), var(--c-info)); }
.user-chip__name { color: var(--c-text); }
.user-chip__balance { color: var(--c-primary); }
.user-menu { background: var(--c-bg-deep); border-color: var(--c-border); }
.user-menu a { color: var(--c-text-soft); }
.amount-input input { background: rgba(255,255,255,0.05); color: var(--c-primary-2); border-color: var(--c-border); }
.deposit-note { background: rgba(192,138,46,0.08); border-color: rgba(192,138,46,0.3); color: var(--c-text-soft); }
.deposit-note b { color: var(--c-primary); }
.qr-row { background: rgba(255,255,255,0.04); }
.qr-row span { color: var(--c-text-mute); }
.qr-row b { color: var(--c-text); }
.qr-row b.hl { color: var(--c-primary); }
.qr-status { background: rgba(107,136,166,0.12); border-color: rgba(107,136,166,0.3); color: var(--c-text-soft); }
.qr-status.success { background: rgba(122,156,93,0.12); border-color: rgba(122,156,93,0.4); color: var(--c-success); }
.success-icon { background: linear-gradient(135deg, var(--c-success), color-mix(in srgb, var(--c-success) 65%, black)); }
.success-amount { color: var(--c-primary); }
.history-tab { background: rgba(255,255,255,0.06); border-color: var(--c-border); color: var(--c-text-soft); }
.history-tab.active { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); color: #fff; }
.history-item { background: rgba(255,255,255,0.04); border-color: var(--c-border); }
.history-item__title { color: var(--c-text); }
.history-item__meta { color: var(--c-text-mute); }
.history-item__amount { color: var(--c-primary); }
.history-item__amount.minus { color: var(--c-danger); }


/* ============ ADMIN THEMED ============ */
/* ===== ADMIN themed ===== */
.admin-mode { background: var(--c-bg-darker); }
.admin-login { background:
  radial-gradient(circle at 20% 20%, rgba(192,138,46,0.16) 0%, transparent 50%),
  radial-gradient(circle at 80% 80%, rgba(255,255,255,0.05) 0%, transparent 50%),
  var(--c-bg-darker);
}
.admin-login__box { background: linear-gradient(180deg, var(--c-bg-deep) 0%, var(--c-bg-2) 100%); border-color: var(--c-border); }
.admin-login__box h2 { color: var(--c-text); font-family: var(--font-display); }
.admin-login__box label { color: var(--c-text-soft); }
.admin-login__box input { background: rgba(255,255,255,0.05); color: var(--c-text); border-color: var(--c-border); }
.admin-hint { color: var(--c-text-mute); }
.admin-hint b { color: var(--c-primary); }
.admin-side { background: var(--c-bg-darker); border-color: var(--c-border); }
.side-nav a { color: var(--c-text-soft); }
.side-nav a:hover { background: rgba(255,255,255,0.04); color: var(--c-text); }
.side-nav a.active {
  background: linear-gradient(135deg, rgba(192,138,46,0.25), rgba(192,138,46,0.05));
  color: var(--c-text);
  border-left-color: var(--c-primary);
}
.side-foot { border-color: var(--c-border); }
.side-foot a:hover { color: var(--c-primary); }
.admin-top h1 { color: var(--c-text); font-family: var(--font-display); }
.admin-chip { background: rgba(255,255,255,0.06); border-color: var(--c-border); color: var(--c-text-soft); }
.stat-card { background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg-2) 100%); border-color: var(--c-border); }
.stat-card__icon { background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2)); box-shadow: 0 8px 20px rgba(0,0,0,0.25); }
.stat-card--deposit .stat-card__icon { background: linear-gradient(135deg, var(--c-success), color-mix(in srgb, var(--c-success) 65%, black)); }
.stat-card--pending .stat-card__icon { background: linear-gradient(135deg, var(--c-primary-2), var(--c-primary)); }
.stat-card--orders  .stat-card__icon { background: linear-gradient(135deg, var(--c-info), var(--c-primary)); }
.stat-card__label { color: var(--c-text-mute); }
.stat-card__value { color: var(--c-text); }
.panel { background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg-2) 100%); border-color: var(--c-border); }
.panel__head { border-color: var(--c-border); }
.panel__head h3 { color: var(--c-text); }
.panel__head a { color: var(--c-primary); }
.panel__head select, .panel__head input { background: rgba(255,255,255,0.05); color: var(--c-text); border-color: var(--c-border); }
.dash-list-item { border-color: var(--c-border); }
.dash-list-item__title { color: var(--c-text); }
.dash-list-item__meta { color: var(--c-text-mute); }
.dash-empty { color: var(--c-text-mute); }
.adm-table th { color: var(--c-text-mute); background: rgba(255,255,255,0.02); }
.adm-table td { color: var(--c-text-soft); border-color: var(--c-border); }
.adm-table .amount { color: var(--c-primary); }
.adm-table code { background: rgba(255,255,255,0.06); color: var(--c-primary); }
.btn-mini { background: rgba(255,255,255,0.06); border-color: var(--c-border); color: var(--c-text-soft); }
.btn-mini--ok { background: rgba(122,156,93,0.18); border-color: rgba(122,156,93,0.4); color: var(--c-success); }
.btn-mini--no { background: rgba(184,84,80,0.18); border-color: rgba(184,84,80,0.4); color: var(--c-danger); }
.btn-mini--edit { background: rgba(107,136,166,0.18); border-color: rgba(107,136,166,0.4); color: var(--c-info); }
.settings-form label { color: var(--c-text-soft); }
.settings-form input, .settings-form select { background: rgba(255,255,255,0.05); color: var(--c-text); border-color: var(--c-border); }
.settings-form .hint { color: var(--c-text-mute); }
.check-row { background: rgba(192,138,46,0.08); border-color: rgba(192,138,46,0.3); }
.check-row small { color: var(--c-text-mute); }
.settings-preview { background: rgba(107,136,166,0.08); border-color: rgba(107,136,166,0.25); }
.settings-preview h4 { color: var(--c-text); }
.settings-preview code { background: var(--c-bg-darker); color: var(--c-success); }
.settings-preview p.hint { color: var(--c-text-soft); }
.settings-preview a { color: var(--c-primary); }
.status-pending { background: rgba(192,138,46,0.18); color: var(--c-primary-2); }
.status-success { background: rgba(122,156,93,0.18); color: var(--c-success); }
.status-failed  { background: rgba(184,84,80,0.18); color: var(--c-danger); }
.history-empty { color: var(--c-text-mute); }