/* ============================================================
   Front-end themes
   Loaded after site.css. Each theme only overrides palette,
   typography and a few structural details; markup stays the same.
   ============================================================ */

/* ---------- 墨夜金 ---------- */
[data-theme="midnight"] {
  color-scheme: dark;
  --paper: #0c1215;
  --surface: #121b1f;
  --ink: #e9eee6;
  --jade: #0e2a26;
  --jade-soft: #17433c;
  --muted: #9aa8a1;
  --line: #263438;
  --line-strong: #3d5154;
  --accent: #d7a84a;
  --white: #f7f3e6;
  --masthead-bg: rgba(12, 18, 21, 0.94);
  --footer-bg: #070d0e;
  --media-bg: #1a2528;
  --radius: 2px;
}

[data-theme="midnight"] .topbar {
  background: #081f1d;
  color: #dfe7dd;
}

[data-theme="midnight"] .brand .tile-a {
  background: #dfe4d7;
}

[data-theme="midnight"] .menu-panel {
  background: #10191d;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

[data-theme="midnight"] .btn--primary,
[data-theme="midnight"] .btn--dark {
  background: var(--accent);
  border-color: var(--accent);
  color: #11140f;
}

[data-theme="midnight"] .btn--primary:hover,
[data-theme="midnight"] .btn--dark:hover {
  background: #e8ba5b;
}

[data-theme="midnight"] .kicker {
  color: var(--accent);
}

[data-theme="midnight"] .btn--light {
  background: #f0eadb;
  border-color: #f0eadb;
  color: #11140f;
}

[data-theme="midnight"] .hero-media img {
  filter: saturate(0.85) contrast(1.08) brightness(0.9);
}

[data-theme="midnight"] .category-media img,
[data-theme="midnight"] .product-media img,
[data-theme="midnight"] .gallery-main img {
  filter: saturate(0.9) brightness(0.92);
}

[data-theme="midnight"] .product-flag {
  background: #1a272b;
  color: var(--ink);
}

[data-theme="midnight"] .product-description p,
[data-theme="midnight"] .logistics-grid p {
  color: var(--ink);
}

[data-theme="midnight"] .lang-option.is-current,
[data-theme="midnight"] .lang-option.is-current span {
  color: var(--accent);
}

[data-theme="midnight"] .inquiry-band {
  background: #163a34;
}

/* ---------- 暖砂陶土 ---------- */
[data-theme="clay"] {
  --paper: #f3ece2;
  --surface: #fbf6ee;
  --ink: #2b211b;
  --jade: #6a3d2b;
  --jade-soft: #7d4a35;
  --muted: #7b6a5d;
  --line: #ddcfbf;
  --line-strong: #c4b09e;
  --accent: #c2603b;
  --white: #fffaf1;
  --masthead-bg: rgba(243, 236, 226, 0.95);
  --footer-bg: #33251f;
  --media-bg: #e8dccd;
  --radius: 14px;
}

[data-theme="clay"] .btn,
[data-theme="clay"] .pill,
[data-theme="clay"] .search-form button {
  border-radius: 999px;
}

[data-theme="clay"] .btn--dark:hover {
  background: #3a281f;
}

[data-theme="clay"] .hero-media img {
  filter: sepia(0.06) saturate(1.02);
}

[data-theme="clay"] .product-media,
[data-theme="clay"] .category-tile {
  box-shadow: 0 12px 28px rgba(95, 61, 43, 0.08);
}

[data-theme="clay"] .inquiry-band {
  background: #5c3428;
}

/* ---------- 编辑黑白 ---------- */
[data-theme="editorial"] {
  --paper: #f7f6f1;
  --surface: #ffffff;
  --ink: #101010;
  --jade: #111111;
  --jade-soft: #333333;
  --muted: #555550;
  --line: #d9d7cf;
  --line-strong: #111111;
  --accent: #c8102e;
  --white: #ffffff;
  --masthead-bg: rgba(247, 246, 241, 0.98);
  --footer-bg: #111111;
  --media-bg: #e8e6de;
  --radius: 0px;
}

[data-theme="editorial"] .hero-title,
[data-theme="editorial"] .section-head h2,
[data-theme="editorial"] .intro-grid h2,
[data-theme="editorial"] .category-caption h3,
[data-theme="editorial"] .product-name,
[data-theme="editorial"] .product-info h1,
[data-theme="editorial"] .page-head h1 {
  font-family: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-theme="editorial"] .topbar {
  background: #111111;
}

[data-theme="editorial"] .product-card {
  border-top: 2px solid var(--ink);
  padding-top: 12px;
}

[data-theme="editorial"] .product-media,
[data-theme="editorial"] .category-tile {
  border: 1px solid var(--line-strong);
}

[data-theme="editorial"] .btn {
  border-radius: 0;
}

[data-theme="editorial"] .inquiry-band {
  background: #111111;
}