/* Mode sombre — app Lambert Chem (fichier isolé, réversible) */

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

  --blue: #5ec4f2;
  --blue-dark: #93d5f8;
  --blue-deep: #e0f2fe;
  --blue-light: #1e3a4f;
  --accent: #38bdf8;
  --orange: #fb923c;
  --bg: #0f172a;
  --card: #1e293b;
  --text: #f1f5f9;
  --muted: #94a3b8;
  --border: #334155;
}

/* Chrome app */
[data-theme="dark"] .topbar {
  background: rgba(15, 23, 42, 0.94);
}

[data-theme="dark"] .brand-logo {
  filter: none;
  opacity: 1;
  background: #fff;
  padding: 5px 8px;
  border-radius: 8px;
  box-sizing: content-box;
}

[data-theme="dark"] .lang-pills button.active {
  background: var(--card);
  color: var(--blue-dark);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .bottom-nav {
  background: rgba(15, 23, 42, 0.96);
}

[data-theme="dark"] .view-fds iframe {
  background: #0f172a;
}

/* Accueil — hero reste en dégradé bleu (texte blanc) */
[data-theme="dark"] .hero-card {
  background: linear-gradient(145deg, #0c3d5c 0%, #1a6b9c 55%, #2380b0 100%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .tile-primary {
  background: linear-gradient(135deg, var(--card) 0%, var(--blue-light) 100%);
  border-color: var(--border);
}

[data-theme="dark"] .tile-title {
  color: var(--blue-dark);
}

/* Nouveautés */
[data-theme="dark"] .news-pill {
  background: linear-gradient(135deg, #0c3d5c 0%, #1a6b9c 55%, #2380b0 100%);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .news-sheet-panel {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .news-tag.pro {
  background: #422006;
  color: #fde68a;
}

[data-theme="dark"] .products-catalogue-notice {
  background: rgba(94, 196, 242, 0.1);
  border-color: rgba(94, 196, 242, 0.22);
}

[data-theme="dark"] .catalogue-notice-text {
  color: var(--blue-dark);
}

/* Chips actifs — garder fond bleu foncé + texte blanc */
[data-theme="dark"] .chip.active {
  background: linear-gradient(135deg, #1a6b9c, #14557d);
  border-color: transparent;
  color: #fff;
}

[data-theme="dark"] .filter-retail-group .chip-retail.active {
  background: linear-gradient(135deg, #2563eb, #1e3a8a);
  color: #fff;
}

[data-theme="dark"] .filter-retail-group .chip-60s {
  border-color: #134e4a;
  color: #5eead4;
  background: var(--card);
}

[data-theme="dark"] .filter-retail-group .chip-60s.active {
  background: linear-gradient(135deg, #0f766e, #134e4a);
  color: #fff;
}

[data-theme="dark"] .filter-retail-group .chip-chem {
  border-color: #7c2d12;
  color: #fdba74;
  background: var(--card);
}

[data-theme="dark"] .filter-retail-group .chip-chem.active {
  background: linear-gradient(135deg, #c2410c, #7c2d12);
  color: #fff;
}

/* Badges catalogue */
[data-theme="dark"] .v2-retail { background: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .v2-60s { background: #134e4a; color: #5eead4; }
[data-theme="dark"] .v2-chem { background: #7c2d12; color: #fdba74; }
[data-theme="dark"] .v2-pro { background: #4c1d95; color: #d8b4fe; }
[data-theme="dark"] .v2-fds { background: #14532d; color: #86efac; }

[data-theme="dark"] .v2-ph--pack {
  background: linear-gradient(180deg, #1e293b 0%, #1a2332 52%, #15202b 100%);
}

[data-theme="dark"] .v2-ph-name {
  color: var(--blue-dark);
}

[data-theme="dark"] .v2-ph-glass {
  background: rgba(15, 23, 42, 0.72);
  border-top-color: rgba(51, 65, 85, 0.85);
}

[data-theme="dark"] .v2-ph.cat-auto {
  background: linear-gradient(145deg, #1e3a5f 0%, #1e40af44 40%, #60a5fa22 100%);
}
[data-theme="dark"] .v2-ph.cat-menage {
  background: linear-gradient(145deg, #14532d 0%, #16653444 45%, #4ade8022 100%);
}
[data-theme="dark"] .v2-ph.cat-peinture {
  background: linear-gradient(145deg, #7c2d12 0%, #c2410c33 50%, #fb923c22 100%);
}
[data-theme="dark"] .v2-ph.cat-sanitaire {
  background: linear-gradient(145deg, #164e63 0%, #0e749033 45%, #06b6d422 100%);
}
[data-theme="dark"] .v2-ph.cat-batiment {
  background: linear-gradient(145deg, #292524 0%, #44403c44 50%, #a8a29e22 100%);
}
[data-theme="dark"] .v2-ph.cat-industrie {
  background: linear-gradient(145deg, #1e293b 0%, #33415544 50%, #64748b22 100%);
}

[data-theme="dark"] .product-card-visual {
  background: linear-gradient(165deg, #1e293b 0%, #15202b 45%, #0f172a 100%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .product-card-selected {
  background: #172554;
  box-shadow: 0 0 0 2px rgba(94, 196, 242, 0.28);
}

/* Fiche produit */
[data-theme="dark"] .variant-chip {
  background: var(--card);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .variant-chip.active {
  border-color: var(--blue);
  background: var(--blue-light);
  color: var(--blue-dark);
}

[data-theme="dark"] .variant-chip-note {
  background: #15202b;
  color: var(--muted);
}

[data-theme="dark"] .btn-copy-ean,
[data-theme="dark"] .btn-location-map {
  border-color: var(--border);
}

[data-theme="dark"] .fds-block {
  background: linear-gradient(135deg, #0c3d5c, #1a6b9c);
}

[data-theme="dark"] .fds-block .btn-dl.btn-full {
  background: #fff;
  color: #0c3d5c;
}

[data-theme="dark"] .fds-portal-note {
  background: #422006;
  border-color: #78350f;
  color: #fde68a;
}

[data-theme="dark"] .fds-block .fds-portal-note {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff;
}

[data-theme="dark"] .news-sheet-head h2 {
  color: var(--blue-dark);
}

/* Contact */
[data-theme="dark"] .contact-hero h2,
[data-theme="dark"] .contact-section-head h3,
[data-theme="dark"] .contact-quick-btn,
[data-theme="dark"] .detail-card h2 {
  color: var(--blue-dark);
}

[data-theme="dark"] .team-card-partner {
  border-color: var(--border);
  background: linear-gradient(135deg, var(--card) 0%, var(--blue-light) 100%);
}

[data-theme="dark"] .team-avatar,
[data-theme="dark"] .team-card-partner .team-avatar {
  background: #1a6b9c;
  color: #fff;
}

[data-theme="dark"] .toast {
  background: #0c3d5c;
  color: #fff;
}

[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, #1e293b 25%, #334155 50%, #1e293b 75%);
  background-size: 200% 100%;
}

[data-theme="dark"] .search-bar {
  background: #475569;
  border-color: #64748b;
}

[data-theme="dark"] .search-bar .scan-btn:active {
  background: #1a6b9c;
  color: #fff;
  border-color: #1a6b9c;
}

[data-theme="dark"] .nav-item.active {
  color: var(--blue);
  background: var(--blue-light);
}