/* Original Black Horse — Light / Dark theme layer */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

.theme-toggle .theme-icon { width: 21px; height: 21px; }
.theme-toggle .theme-icon--moon { display: none; }
html[data-theme="light"] .theme-toggle .theme-icon--sun { display: none; }
html[data-theme="light"] .theme-toggle .theme-icon--moon { display: block; }

/* Light palette — keeps the black/gold brand but makes the whole experience brighter. */
html[data-theme="light"] {
  --bg: #f7f3eb;
  --bg-soft: #fbf8f1;
  --surface: #fffdf8;
  --surface-2: #f3ecdf;
  --surface-3: #ebe0cf;
  --surface2: #f3ecdf;
  --line: rgba(132, 88, 25, .22);
  --line-strong: rgba(166, 109, 22, .48);
  --lineStrong: rgba(166, 109, 22, .48);
  --gold: #a66d16;
  --gold-light: #b97a19;
  --goldLight: #b97a19;
  --gold-pale: #6e460c;
  --pale: #6e460c;
  --amber: #8c5610;
  --text: #211a13;
  --muted: #71685e;
  --success: #2e8648;
  --danger: #b94943;
  --shadow: 0 18px 50px rgba(64, 42, 16, .12);
}

html[data-theme="light"] body,
html[data-theme="light"] body.admin-body,
html[data-theme="light"] .installer-body {
  color: var(--text);
  background:
    radial-gradient(circle at 80% 0, rgba(194, 135, 38, .10), transparent 30%),
    radial-gradient(circle at 12% 36%, rgba(216, 162, 58, .08), transparent 27%),
    var(--bg);
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .admin-topbar {
  background: rgba(255, 253, 248, .93);
  border-color: rgba(132, 88, 25, .13);
  box-shadow: 0 8px 24px rgba(70, 45, 16, .05);
}

html[data-theme="light"] .site-nav,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .admin-sidebar {
  background: #f4ede1;
  border-color: var(--line);
}

html[data-theme="light"] .brand__text span,
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .footer-col p,
html[data-theme="light"] .footer-brand p,
html[data-theme="light"] .admin-nav a,
html[data-theme="light"] .admin-sidebar-bottom a {
  color: #6f655a;
}

html[data-theme="light"] .icon-btn,
html[data-theme="light"] .language-switch,
html[data-theme="light"] .theme-toggle {
  color: #2d241b;
}

html[data-theme="light"] .icon-btn:hover,
html[data-theme="light"] .language-switch:hover,
html[data-theme="light"] .theme-toggle:hover {
  color: #8c5710;
  background: rgba(166, 109, 22, .09);
  border-color: var(--line);
}

html[data-theme="light"] .btn--outline {
  color: #8c5710;
  background: rgba(255, 253, 248, .88);
}
html[data-theme="light"] .btn--ghost {
  color: #30271f;
  background: rgba(80, 55, 25, .045);
  border-color: rgba(80, 55, 25, .13);
}

/* Core cards and panels */
html[data-theme="light"] .category-card,
html[data-theme="light"] .product-card,
html[data-theme="light"] .testimonial,
html[data-theme="light"] .filters,
html[data-theme="light"] .product-info,
html[data-theme="light"] .product-gallery,
html[data-theme="light"] .product-tabs,
html[data-theme="light"] .product-facts,
html[data-theme="light"] .checkout-card,
html[data-theme="light"] .cart-card,
html[data-theme="light"] .success-card,
html[data-theme="light"] .installer-card,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .form-panel,
html[data-theme="light"] .toolbar,
html[data-theme="light"] .admin-toolbar,
html[data-theme="light"] .login-card {
  background: linear-gradient(180deg, #fffdf9, #f8f1e6);
  border-color: var(--line);
  box-shadow: 0 16px 42px rgba(64, 42, 16, .08);
}

html[data-theme="light"] .product-card__media,
html[data-theme="light"] .main-product-image,
html[data-theme="light"] .thumbnail,
html[data-theme="light"] .image-preview,
html[data-theme="light"] .admin-product-cell img,
html[data-theme="light"] .cart-line img {
  background: #f5eee3;
}

html[data-theme="light"] .product-card__media::after {
  background: linear-gradient(transparent, rgba(244, 237, 225, .85));
}

/* Hero retains a premium black/gold visual block for brand contrast. */
html[data-theme="light"] .hero {
  background:
    radial-gradient(circle at 78% 25%, rgba(216, 162, 58, .16), transparent 28%),
    linear-gradient(135deg, #201910, #0d0c0a 68%);
  box-shadow: inset 0 -1px 0 rgba(166, 109, 22, .24);
}
html[data-theme="light"] .hero h1 { color: #f8df9a; }
html[data-theme="light"] .hero p,
html[data-theme="light"] .hero-trust span { color: #d6cec0; }
html[data-theme="light"] .hero-visual::before { background: linear-gradient(90deg, transparent 55%, rgba(16, 13, 9, .96) 100%); }

html[data-theme="light"] .benefits {
  background: linear-gradient(180deg, rgba(245, 237, 224, .95), rgba(255, 253, 248, .95));
  border-color: var(--line);
}
html[data-theme="light"] .benefit-item:not(:last-child) { border-color: rgba(132, 88, 25, .13); }

html[data-theme="light"] .page-banner {
  background:
    radial-gradient(circle at 82% 0, rgba(216, 162, 58, .14), transparent 28%),
    linear-gradient(180deg, #f5ecdd, #fbf7ef);
  border-color: var(--line);
}

/* Forms, filters and controls */
html[data-theme="light"] .form-control,
html[data-theme="light"] .select-control,
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] .qty-control,
html[data-theme="light"] .size-option,
html[data-theme="light"] .view-switch button,
html[data-theme="light"] .chip,
html[data-theme="light"] .pagination a,
html[data-theme="light"] .pagination button,
html[data-theme="light"] .checkbox-row,
html[data-theme="light"] .info-box {
  color: #231b14;
  background: #fffdf9;
  border-color: rgba(80, 55, 25, .16);
}
html[data-theme="light"] .form-control::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #94887a; }
html[data-theme="light"] .select { color-scheme: light; }

html[data-theme="light"] .field label,
html[data-theme="light"] .admin-field label,
html[data-theme="light"] .checkbox-row,
html[data-theme="light"] .info-box strong { color: #3b3026; }

/* Drawer / overlays */
html[data-theme="light"] .cart-drawer {
  background: #fffdf9;
  border-color: var(--line);
  box-shadow: -24px 0 55px rgba(55, 35, 12, .15);
}
html[data-theme="light"] .overlay,
html[data-theme="light"] .admin-overlay { background: rgba(39, 29, 18, .45); }

/* Admin tables */
html[data-theme="light"] .admin-table th {
  color: #7e5010;
  background: rgba(166, 109, 22, .065);
}
html[data-theme="light"] .admin-table td,
html[data-theme="light"] .admin-brand,
html[data-theme="light"] .admin-card-head,
html[data-theme="light"] .panel-head,
html[data-theme="light"] .form-section + .form-section,
html[data-theme="light"] .admin-sidebar-bottom {
  border-color: rgba(80, 55, 25, .11);
}
html[data-theme="light"] .admin-table tr:hover td { background: rgba(166, 109, 22, .035); }
html[data-theme="light"] .admin-product-cell strong,
html[data-theme="light"] .table-product strong { color: #72470c; }
html[data-theme="light"] .table-action {
  color: #46382c;
  background: #fffdf9;
  border-color: rgba(80, 55, 25, .15);
}
html[data-theme="light"] .table-action:hover {
  color: #8c5710;
  background: rgba(166, 109, 22, .06);
  border-color: var(--line-strong);
}

html[data-theme="light"] .flash { background: rgba(255, 253, 248, .97); }
html[data-theme="light"] .flash--success { color: #226f39; }
html[data-theme="light"] .flash--error { color: #a63834; }
html[data-theme="light"] .flash--info { color: #28688f; }

html[data-theme="light"] .floating-whatsapp { box-shadow: 0 14px 30px rgba(31, 168, 85, .2); }

@media (max-width: 780px) {
  html[data-theme="light"] .site-nav.open,
  html[data-theme="light"] .admin-sidebar.open { background: #fffaf1; }
}