/* =========================================================
   Aura Skin & Beauty - Dark Theme
   Activated by <html data-theme="dark">
   ========================================================= */

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #171211;
  --bg-alt: #1f1816;
  --surface: #261e1c;
  --text: #f3e9e3;
  --muted: #b8a79e;
  --primary: #e08a72;
  --primary-dark: #ec9d86;
  --primary-soft: rgba(224, 138, 114, .16);
  --accent: #86b3a0;
  --gold: #e0be82;
  --border: #3a2e2a;
  --header-bg: rgba(23, 18, 17, .86);
  --hero-from: #231a17;
  --hero-to: #171211;
  --blob-1: #7a3f30;
  --blob-2: #2f4a3f;
  --news-from: #3d2520;
  --news-to: #26150f;
  --footer-bg: #0f0b0a;
  --footer-text: #b8a79e;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);
  --shadow-md: 0 12px 30px rgba(0, 0, 0, .45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);
}

/* Header toggle icons: show sun in dark mode */
[data-theme="dark"] .icon-btn .icon-moon { display: none; }
[data-theme="dark"] .icon-btn .icon-sun { display: block; }

/* Buttons (white text on lighter primary needs a darker fill) */
[data-theme="dark"] .btn-primary { background: #c9674d; color: #fff; box-shadow: 0 8px 22px rgba(0, 0, 0, .4); }
[data-theme="dark"] .btn-primary:hover { background: #d97a60; }
[data-theme="dark"] .btn-ghost { background: var(--surface); }
[data-theme="dark"] .btn-outline { color: var(--primary); border-color: var(--primary); }
[data-theme="dark"] .btn-outline:hover { background: #c9674d; border-color: #c9674d; color: #fff; }
[data-theme="dark"] .back-top { background: #c9674d; }
[data-theme="dark"] .badge { background: #c9674d; }
[data-theme="dark"] .badge-new { background: #4f7f6c; }
[data-theme="dark"] .badge-sale { background: #c0443f; }
[data-theme="dark"] .quiz-steps span { background: #c9674d; }

/* Surfaces */
[data-theme="dark"] .search-form { background: var(--bg-alt); }
[data-theme="dark"] .dropdown,
[data-theme="dark"] .main-nav { background: var(--surface); }
[data-theme="dark"] .hero-img-wrap { border-color: var(--surface); }
[data-theme="dark"] .quiz-card { background: linear-gradient(135deg, #2b1f1c, #1f1816); }
[data-theme="dark"] .wish-btn { background: rgba(38, 30, 28, .92); color: var(--text); }
[data-theme="dark"] .wish-btn[aria-pressed="true"] { background: #c9674d; color: #fff; }
[data-theme="dark"] .news-form .btn-primary { background: #f3e9e3; color: #3d2520; }
[data-theme="dark"] .news-form .btn-primary:hover { background: #fff; }

/* Brand logo cards stay light so coloured wordmarks remain legible */
[data-theme="dark"] .marquee-set li { background: #f6efe9; border-color: #3a2e2a; }

/* Soften bright illustrations against dark surfaces */
[data-theme="dark"] .hero-img-wrap img,
[data-theme="dark"] .cat-img img,
[data-theme="dark"] .product-img img,
[data-theme="dark"] .concern-card img,
[data-theme="dark"] .quiz-media img,
[data-theme="dark"] .news-media img,
[data-theme="dark"] .review-card figcaption img {
  filter: brightness(.88) contrast(1.04);
}

/* Blend the JPEG logo's inverted background into the dark header */
[data-theme="dark"] .site-header .logo img { filter: grayscale(1) invert(1); mix-blend-mode: screen; }

/* Form fields */
[data-theme="dark"] .news-form input { background: #f3e9e3; color: #2f2623; }
[data-theme="dark"] input::placeholder { color: #8a7a72; }

/* Footer borders */
[data-theme="dark"] .footer-bottom { border-color: rgba(255, 255, 255, .08); }

/* ---------- Home 2 ---------- */
[data-theme="dark"] .routine b { background: #c9674d; }
[data-theme="dark"] .skin-tab[aria-selected="true"] { background: #c9674d; border-color: #c9674d; box-shadow: 0 8px 22px rgba(0, 0, 0, .4); }
[data-theme="dark"] .ing-icon { color: #171211; }
[data-theme="dark"] .article-tag { background: var(--bg-alt); }
[data-theme="dark"] .chips li { color: var(--primary-dark); }
[data-theme="dark"] .offer-code .btn-primary { background: #f3e9e3; color: #3d2520; }
[data-theme="dark"] .offer-code .btn-primary:hover { background: #fff; }
[data-theme="dark"] .feature-img img,
[data-theme="dark"] .step-pick img,
[data-theme="dark"] .ing-pick img,
[data-theme="dark"] .bundle-thumbs img,
[data-theme="dark"] .article-img img {
  filter: brightness(.88) contrast(1.04);
}
/* ---------- About ---------- */
[data-theme="dark"] .philo-tab[aria-selected="true"] .icon,
[data-theme="dark"] .story-badge { background: #c9674d; }
[data-theme="dark"] .story-media img { filter: brightness(.88) contrast(1.04); }
[data-theme="dark"] .cta-card .btn-primary { background: #f3e9e3; color: #3d2520; }
[data-theme="dark"] .cta-card .btn-primary:hover { background: #fff; }
[data-theme="dark"] .cta-card .btn-ghost { background: transparent; }/* ---------- Products ---------- */
[data-theme="dark"] .cat-chip[aria-pressed="true"] { background: #c9674d; border-color: #c9674d; box-shadow: 0 8px 22px rgba(0, 0, 0, .4); }
[data-theme="dark"] .rank-card img { filter: brightness(.88) contrast(1.04); }
[data-theme="dark"] .field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8a79e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
/* ---------- Product details ---------- */
[data-theme="dark"] .pd-size[aria-pressed="true"] { background: #c9674d; border-color: #c9674d; box-shadow: 0 8px 22px rgba(0, 0, 0, .4); }
[data-theme="dark"] .pd-main img,
[data-theme="dark"] .pd-thumb img { filter: brightness(.88) contrast(1.04); }
[data-theme="dark"] .pd-top { background: linear-gradient(135deg, var(--hero-from), var(--hero-to)); }
/* ---------- Skin quiz ---------- */
[data-theme="dark"] .pill input:checked + span { background: #c9674d; border-color: #c9674d; box-shadow: 0 8px 22px rgba(0, 0, 0, .4); }
[data-theme="dark"] .opt input:checked + .opt-body .icon { background: #c9674d; }
[data-theme="dark"] .qr-summary .chips li { color: #fff; }
/* ---------- Skincare concerns ---------- */
[data-theme="dark"] .cn-tab[aria-selected="true"] .icon { background: #c9674d; }
/* ---------- Contact Us ---------- */
[data-theme="dark"] .ct-card:hover > .icon,
[data-theme="dark"] .ct-social a:hover,
[data-theme="dark"] .faq-item.open .faq-q .icon,
[data-theme="dark"] .map-pin { background: #c9674d; }
[data-theme="dark"] .ct-social a:hover { border-color: #c9674d; }
[data-theme="dark"] .ct-success > .icon { background: #4f7f6c; }
[data-theme="dark"] .ct-aside .check-list .icon { color: #ffd9cb; }
[data-theme="dark"] .field textarea,
[data-theme="dark"] .ct-form .field input,
[data-theme="dark"] .ct-form .field select { background-color: var(--bg-alt); }
[data-theme="dark"] .ct-status { background: var(--bg-alt); }/* ---------- Coming soon + 404 ---------- */
[data-theme="dark"] .soon-track i { background: linear-gradient(90deg, #c9674d, var(--gold)); }
[data-theme="dark"] .candle-jar { filter: brightness(.92); }
[data-theme="dark"] .candle-stage { background: radial-gradient(circle at 50% 40%, rgba(224, 138, 114, .22), var(--bg-alt) 70%); }
[data-theme="dark"] .soon-form input { background: var(--surface); color: var(--text); }
[data-theme="dark"] .err-search { background: var(--surface); }