/* Late dark-mode normalization for page styles loaded after base.css. */

:is(html[data-theme="dark"] body, body[data-theme="dark"]) {
--fi-bg: var(--surface-page);
  --fi-panel: color-mix(in srgb, var(--surface-card) 88%, transparent);
  --celebrity-surface: var(--surface-card);
  --celebrity-panel: color-mix(in srgb, var(--surface-card) 86%, transparent);
  --brand-surface: color-mix(in srgb, var(--surface-card) 86%, transparent);
  --brand-surface-strong: color-mix(in srgb, var(--surface-card) 94%, transparent);
  --perfumer-surface: color-mix(in srgb, var(--surface-card) 86%, transparent);
  --perfumer-surface-strong: color-mix(in srgb, var(--surface-card) 94%, transparent);
  --oops-surface: color-mix(in srgb, var(--surface-card) 84%, transparent);
  --emote-picker-bg: var(--surface-card);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__showcase,
  .member-profile__perfume-link,
  .user-dashboard__header,
  .quick-action,
  .collection-entry
) {
background: var(--surface-card, #151923);
  border-color: rgba(148, 163, 184, 0.22);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__perfume-thumb,
  .member-profile__perfume-status,
  .collection-entry__image,
  .collection-entry__badge,
  .hero-counter
) {
background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.2);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__perfume-copy span,
  .collection-section__heading span
) {
color: var(--color-text-muted, #a7b0c0);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea,
  .form-input,
  .form-select,
  .form-textarea,
  .search-input,
  .brand-search__input
) {
background: color-mix(in srgb, var(--surface-muted) 88%, transparent);
  border-color: color-mix(in srgb, var(--color-outline) 55%, transparent);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea,
  .form-input,
  .form-textarea,
  .search-input__field,
  .brand-search__input
)::placeholder {
color: color-mix(in srgb, var(--color-text-muted) 70%, transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .chip,
  .badge,
  .role-chip,
  .status-badge,
  .field-badge,
  .brand-chip,
  .filter-chip,
  .celebrity-chip,
  .celebrity-mini-chip,
  .familles-pill,
  .brand-quick-link,
  .scent-hero-card__tag
) {
background: color-mix(in srgb, var(--surface-muted) 82%, transparent);
  border-color: color-mix(in srgb, var(--surface-border) 78%, transparent);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .button--secondary,
  .button--ghost,
  .pagination__link,
  .tab,
  .tabs__button
) {
background: color-mix(in srgb, var(--surface-muted) 84%, transparent);
  border-color: color-mix(in srgb, var(--surface-border) 82%, transparent);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .button--secondary:hover,
  .button--ghost:hover,
  .pagination__link:hover,
  .tab:hover,
  .tabs__button:hover
) {
background: color-mix(in srgb, var(--theme-accent) 20%, var(--surface-muted));
  border-color: var(--theme-hover-border);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  h1,
  h2,
  h3,
  .page-title,
  .section-heading,
  .card__title,
  .brand-directory-page__title
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .page-subtitle,
  .card__text,
  .muted,
  .hint,
  .help,
  .empty,
  [class$="__hint"],
  [class$="__lead"],
  [class$="__subtitle"],
  [class$="__meta"]
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .modal,
  .modal__panel,
  .dialog,
  .dialog__panel,
  .drawer,
  .drawer__panel,
  .popover,
  .dropdown,
  .compare-modal__panel,
  .emote-picker
) {
background: color-mix(in srgb, var(--surface-card) 94%, transparent);
  border-color: var(--theme-panel-border);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  table,
  .table,
  .data-table
) {
background: color-mix(in srgb, var(--surface-card) 90%, transparent);
  border-color: color-mix(in srgb, var(--surface-border) 82%, transparent);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  th,
  td,
  .table__cell
) {
border-color: color-mix(in srgb, var(--surface-border) 72%, transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page {
--bg: var(--surface-page);
  --card: var(--surface-card);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --muted-2: color-mix(in srgb, var(--color-text-muted) 76%, transparent);
  --border: color-mix(in srgb, var(--surface-border) 86%, transparent);
  --page-bg: transparent;
  color: var(--color-text);
  background:
    radial-gradient(46rem 28rem at 12% 0%, color-mix(in srgb, var(--theme-primary) 18%, transparent), transparent 62%),
    radial-gradient(38rem 24rem at 92% 8%, color-mix(in srgb, var(--theme-secondary) 16%, transparent), transparent 66%),
    linear-gradient(180deg, var(--surface-page) 0%, var(--color-background) 100%);
}

@supports selector(body:has(.perfume-page)) {
html[data-theme="dark"] body:has(.perfume-page),
body[data-theme="dark"]:has(.perfume-page) {
background:
      radial-gradient(46rem 28rem at 12% 0%, color-mix(in srgb, var(--theme-primary) 18%, transparent), transparent 62%),
      radial-gradient(38rem 24rem at 92% 8%, color-mix(in srgb, var(--theme-secondary) 16%, transparent), transparent 66%),
      linear-gradient(180deg, var(--surface-page) 0%, var(--color-background) 100%);
}
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .hero,
  .perfume-page .hero-right::before,
  .perfume-page .info-card,
  .perfume-page .content-section,
  .perfume-page .section,
  .perfume-page .details-section,
  .perfume-page .perfume-seo-details,
  .perfume-page .olfactive-timeline,
  .perfume-page .perfume-soundtrack,
  .perfume-page .perfume-comments,
  .perfume-page .favorite-popover__panel,
  .perfume-page .favorite-popover__options,
  .perfume-page .community-summary,
  .perfume-page .community-summary__popover,
  .perfume-page .community-modal__panel,
  .perfume-page .community-modal__field,
  .perfume-page .community-modal__control,
  .perfume-page .comment-composer__panel,
  .perfume-page .accord-chip,
  .perfume-page .perfumer-chip,
  .perfume-page .chip,
  .perfume-page .metric
) {
background: var(--theme-panel-background);
  border-color: var(--theme-panel-border);
  color: var(--color-text);
  box-shadow: var(--theme-panel-shadow-strong);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .hero {
background:
    radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--theme-primary) 12%, transparent), transparent 42%),
    var(--theme-panel-background);
  border: 1px solid var(--theme-panel-border);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .hero-right::before {
background: transparent;
  border: 0;
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .info-card {
background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--theme-secondary) 14%, transparent), transparent 38%),
    color-mix(in srgb, var(--surface-card) 82%, transparent);
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .info-card::after {
border-color: color-mix(in srgb, var(--surface-border) 62%, transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-comments
) {
background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--theme-primary) 12%, transparent), transparent 42%),
    radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--theme-secondary) 10%, transparent), transparent 44%),
    var(--theme-panel-background);
  border: 1px solid var(--theme-panel-border);
  box-shadow: var(--theme-panel-shadow-strong);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .perfume-soundtrack {
background:
    radial-gradient(circle at 82% 12%, rgba(255, 180, 148, 0.26), transparent 30%),
    radial-gradient(circle at 0% 96%, rgba(128, 53, 91, 0.32), transparent 36%),
    linear-gradient(145deg, #25101d 0%, #120d16 48%, #361622 100%);
  border-color: rgba(255,255,255,0.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 24px 60px rgba(0, 0, 0, 0.32);
  color: #fff7f1;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-comments__item,
  .perfume-page .perfume-comments__reply,
  .perfume-page .perfume-comments__reaction-picker,
  .perfume-page .comment-composer__panel
) {
background: color-mix(in srgb, var(--surface-card) 86%, transparent);
  border-color: var(--theme-panel-border-soft);
  color: var(--color-text);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #ffffff 7%, transparent),
    0 12px 26px rgba(0, 0, 0, 0.18);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .soundtrack-card,
  .perfume-page .perfume-soundtrack__empty,
  .perfume-page .perfume-soundtrack__form,
  .perfume-page .perfume-soundtrack__status-card
) {
background: linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.07));
  border-color: rgba(255,255,255,0.14);
  color: #fff7f1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 16px 36px rgba(0,0,0,0.22);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-comments__score,
  .perfume-page .perfume-comments__reaction-chip,
  .perfume-page .perfume-comments__reaction,
  .perfume-page .perfume-comments__vote-button,
  .perfume-page .perfume-comments__reply-button,
  .perfume-page .perfume-comments__edit-button,
  .perfume-page .perfume-comments__edit-cancel,
  .perfume-page .perfume-comments__inline-reply-cancel,
  .perfume-page .perfume-comments__delete-button,
  .perfume-page .comment-composer__close
) {
background: color-mix(in srgb, var(--surface-muted) 86%, transparent);
  border-color: var(--theme-panel-border-soft);
  color: var(--color-text);
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-soundtrack__meta,
  .perfume-page .soundtrack-card__badge,
  .perfume-page .soundtrack-card__vote-button,
  .perfume-page .perfume-soundtrack__submit
) {
background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.18);
  color: #ffe9db;
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-comments__reaction-chip.is-active,
  .perfume-page .perfume-comments__reaction.is-active,
  .perfume-page .perfume-comments__vote-button.is-active
) {
background: color-mix(in srgb, var(--theme-primary) 34%, var(--surface-muted));
  border-color: color-mix(in srgb, var(--theme-primary) 48%, var(--surface-border));
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .soundtrack-card__vote-button--active,
  .perfume-page .soundtrack-card__badge--voted
) {
background: linear-gradient(180deg, #ffd8c6, #ffb99d);
  border-color: rgba(255,210,189,0.66);
  color: #32121f;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .perfume-soundtrack__input,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .comment-composer__textarea,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .perfume-comments__edit-textarea,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .perfume-comments__inline-reply-textarea {
background: color-mix(in srgb, var(--surface-muted) 88%, transparent);
  border-color: color-mix(in srgb, var(--color-outline) 58%, transparent);
  color: var(--color-text);
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 6%, transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .soundtrack-card__actions {
border-left-color: var(--theme-panel-border-soft);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .perfume-comments__footer {
border-top-color: var(--theme-panel-border-soft);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .perfume-comments__replies {
border-left-color: color-mix(in srgb, var(--theme-primary) 34%, var(--surface-border));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .hero-strip__content--perfumers {
background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--theme-primary) 14%, transparent) 0%, transparent 38%),
    radial-gradient(circle at 86% 82%, color-mix(in srgb, var(--theme-secondary) 12%, transparent) 0%, transparent 34%),
    color-mix(in srgb, var(--surface-muted) 78%, transparent);
  border-color: var(--theme-panel-border-soft);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 26px rgba(0, 0, 0, 0.22);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .hero-strip__content--perfumers::before {
border-color: color-mix(in srgb, var(--surface-border) 58%, transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .hero-strip__content--perfumers::after {
background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-primary) 26%, transparent), transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .brand-pill,
  .perfume-page .brand-chip,
  .perfume-page .favorite-trigger,
  .perfume-page .favorite-popover__option,
  .perfume-page .favorite-popover__counts,
  .perfume-page .community-modal__choice,
  .perfume-page .community-modal__actions .button--ghost,
  .perfume-page .concentration-pill,
  .perfume-page .year-chip
) {
background: color-mix(in srgb, var(--surface-muted) 86%, transparent);
  border-color: color-mix(in srgb, var(--surface-border) 82%, transparent);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .brand-pill img,
  .perfume-page .brand-chip__logo
) {
background: color-mix(in srgb, #ffffff 92%, var(--surface-muted));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .hero-left picture,
  .perfume-page .hero-left img
) {
background: transparent;
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .info-title,
  .perfume-page .hero-header .info-title,
  .perfume-page .hero-identity-item__value,
  .perfume-page .section-title,
  .perfume-page h2,
  .perfume-page h3,
  .perfume-page .perfume-seo-details,
  .perfume-page .community-modal__title,
  .perfume-page .perfume-soundtrack__title,
  .perfume-page .soundtrack-card__title-link,
  .perfume-page .perfume-soundtrack__label,
  .perfume-page .perfume-soundtrack__status-title,
  .perfume-page .perfume-comments__header h2,
  .perfume-page .perfume-comments__author-name,
  .perfume-page .comment-composer__header h3,
  .perfume-page .comment-composer__label
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-seo-details summary,
  .perfume-page .perfume-seo-details p,
  .perfume-page .about,
  .perfume-page .about h2,
  .perfume-page .about__desc,
  .perfume-page .about__desc p,
  .perfume-page .buybox__title-main,
  .perfume-page #olfactive-pyramid .pyramid__title,
  .perfume-page #olfactive-pyramid .pyramid-col__title,
  .perfume-page #similar-perfumes-heading.recommendations__title
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .breadcrumbs__list,
  .perfume-page .hero-identity-item__label,
  .perfume-page .section-subtitle,
  .perfume-page .desc,
  .perfume-page .meta,
  .perfume-page .rating-row__label,
  .perfume-page .olfactive-timeline__time-label,
  .perfume-page .olfactive-timeline__value,
  .perfume-page .perfume-soundtrack__eyebrow,
  .perfume-page .perfume-soundtrack__intro,
  .perfume-page .perfume-soundtrack__meta,
  .perfume-page .soundtrack-card__channel,
  .perfume-page .soundtrack-card__meta,
  .perfume-page .perfume-soundtrack__empty-copy,
  .perfume-page .perfume-soundtrack__hint,
  .perfume-page .perfume-soundtrack__status-copy,
  .perfume-page .perfume-comments__header p,
  .perfume-page .perfume-comments__date,
  .perfume-page .perfume-comments__reply-context,
  .perfume-page .perfume-comments__replies-title,
  .perfume-page .perfume-comments__empty,
  .perfume-page .comment-composer__hint
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .olfactive-timeline {
background:
    radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--theme-secondary) 14%, transparent), transparent 38%),
    linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 94%, var(--theme-primary)), var(--surface-page));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .olfactive-timeline__visual,
  .perfume-page .olfactive-timeline__group
) {
border-color: color-mix(in srgb, var(--theme-primary) 22%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-card) 91%, var(--theme-primary));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 14px 34px rgba(0,0,0,0.18);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .olfactive-timeline__group-icon {
background: color-mix(in srgb, var(--theme-primary) 18%, var(--surface-card));
  color: color-mix(in srgb, var(--theme-primary) 68%, #fff);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .olfactive-timeline__method-trigger,
  .perfume-page .olfactive-timeline__method-tooltip
) {
border-color: color-mix(in srgb, var(--theme-primary) 24%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-card) 91%, var(--theme-primary));
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .olfactive-timeline__bar {
background: color-mix(in srgb, var(--series-color) 13%, var(--surface-page));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .olfactive-timeline__note-icon {
border-color: color-mix(in srgb, var(--theme-secondary) 22%, var(--surface-border));
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,0.08), transparent 42%),
    color-mix(in srgb, var(--surface-card) 88%, var(--theme-secondary));
  box-shadow: 0 14px 30px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.06);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .olfactive-timeline__slider::-webkit-slider-runnable-track {
background: linear-gradient(90deg,
    var(--theme-primary) 0 var(--timeline-progress, 0%),
    color-mix(in srgb, var(--theme-primary) 15%, var(--surface-page)) var(--timeline-progress, 0%) 100%);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .olfactive-timeline__slider::-moz-range-track {
background: color-mix(in srgb, var(--theme-primary) 15%, var(--surface-page));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-seo-links,
  .perfume-page .about__desc p,
  .perfume-page .buybox__subtitle,
  .perfume-page .buybox__meta,
  .perfume-page #olfactive-pyramid .note-name
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .buybox__card {
border-color: color-mix(in srgb, var(--theme-primary) 24%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-card) 94%, var(--theme-primary));
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .buybox__card--best {
background: linear-gradient(100deg, color-mix(in srgb, var(--surface-card) 82%, var(--theme-primary)), var(--surface-card) 52%);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .buybox__merchant-name,
  .perfume-page .buybox__price-current
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfume-page .buybox__volume {
background: var(--surface-page);
  color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-soundtrack__title,
  .perfume-page .soundtrack-card__title-link,
  .perfume-page .perfume-soundtrack__label,
  .perfume-page .perfume-soundtrack__status-title
) {
color: #fff7f1;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-soundtrack__eyebrow,
  .perfume-page .soundtrack-card__listen,
  .perfume-page .soundtrack-card__rank
) {
color: #ffd2bd;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfume-page .perfume-soundtrack__intro,
  .perfume-page .soundtrack-card__channel,
  .perfume-page .soundtrack-card__meta,
  .perfume-page .perfume-soundtrack__empty-copy,
  .perfume-page .perfume-soundtrack__status-copy
) {
color: rgba(255,247,241,0.72);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-detail {
--scent-section-bg: color-mix(in srgb, var(--surface-card) 88%, transparent);
  --scent-section-border: color-mix(in srgb, var(--surface-border) 84%, transparent);
  --scent-section-shadow: var(--theme-panel-shadow-strong);
  color: var(--color-text);
}

@supports selector(body:has(.scent-hero)) {
html[data-theme="dark"] body:has(.scent-hero),
body[data-theme="dark"]:has(.scent-hero) {
background:
      radial-gradient(46rem 28rem at 12% 0%, color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 16%, transparent), transparent 62%),
      radial-gradient(38rem 24rem at 92% 8%, color-mix(in srgb, var(--color-botanical) 12%, transparent), transparent 66%),
      linear-gradient(180deg, var(--surface-page) 0%, var(--color-background) 100%);
}
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-hero {
background: transparent;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-hero-card {
background:
    radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 14%, transparent), transparent 44%),
    var(--theme-panel-background);
  box-shadow: var(--theme-panel-shadow-strong);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-hero-card:hover {
box-shadow: 0 24px 56px color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 18%, rgba(0, 0, 0, 0.36));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-hero-card::before {
background: radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 22%, transparent), transparent 72%);
  opacity: 0.45;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-page-nav__inner,
  .scent-page-nav__link,
  .map-wrapper,
  #world-map,
  .map-legend,
  .scent-overview,
  .scent-perfumes,
  .accords-olfactifs-wrap,
  .assoc-scents,
  .timeline,
  .anecdotes,
  .description,
  .origin-map,
  .extraction,
  .scent-overview__fact,
  .timeline-card,
  .anecdote-card,
  .assoc-card,
  .usage-graph,
  .cross-navigation,
  .cross-navigation__item--family,
  .cross-navigation__item--scents,
  .cross-navigation__scent-card
) {
background: var(--theme-panel-background);
  border-color: var(--theme-panel-border);
  color: var(--color-text);
  box-shadow: var(--theme-panel-shadow-strong);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-page-nav__link:hover,
  .scent-page-nav__link:focus-visible,
  .scent-page-nav__link.is-active,
  .map-reset-btn:hover,
  .map-reset-btn:focus-visible,
  .scent-perfumes__link:hover,
  .scent-perfumes__link:focus-visible,
  .assoc-card:hover,
  .assoc-card:focus-visible,
  .cross-navigation__item--family:hover,
  .cross-navigation__item--family:focus-visible,
  .cross-navigation__scent-card:hover,
  .cross-navigation__scent-card:focus-visible,
  .scent-overview__fact-value--link:hover,
  .scent-overview__fact-value--link:focus-visible
) {
background: color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 22%, var(--surface-muted));
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-overview h2,
  .scent-perfumes h2,
  .accords-olfactifs-wrap h2,
  .usage-graph h2,
  .assoc-scents h2,
  .description h2,
  .origin-map h2,
  .extraction h2,
  .timeline h2,
  .anecdotes h2,
  .scent-overview__fact-value,
  .accord-tag,
  .accord-tag__label,
  .assoc-card__name,
  .assoc-card__fallback,
  .timeline-card__title,
  .anecdote-card__title,
  .scent-detail .timeline > h2,
  .scent-detail .anecdotes > h2,
  .scent-detail .timeline .timeline__title,
  .scent-detail .anecdotes .timeline__title,
  .cross-navigation h2,
  .cross-navigation__item h3,
  .cross-navigation__title,
  .cross-navigation__scent-name
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-hero-card__subtitle,
  .scent-overview__lead,
  .desc-body,
  .desc-body p,
  .extraction-body p,
  .scent-perfumes__intro p:last-child,
  .scent-perfumes__link,
  .caption,
  .assoc-scents__intro,
  .assoc-card__hint,
  .scent-detail .timeline .timeline__description,
  .scent-detail .anecdotes .timeline__description,
  .scent-detail .timeline .timeline__meta,
  .scent-detail .anecdotes .timeline__meta,
  .scent-detail .timeline .timeline__date,
  .scent-detail .anecdotes .timeline__date,
  #map-status,
  .map-reset-btn,
  .cross-navigation__text,
  .cross-navigation__body,
  .cross-navigation__action,
  .cross-navigation__kicker,
  .scent-overview__fact-label
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-overview,
  .scent-perfumes,
  .accords-olfactifs-wrap,
  .assoc-scents,
  .usage-graph,
  .description,
  .origin-map,
  .extraction,
  .timeline,
  .anecdotes,
  .cross-navigation
) {
background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 12%, transparent), transparent 42%),
    var(--theme-panel-background);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-overview__fact,
  #map-status,
  .map-reset-btn,
  .scent-perfumes__link,
  .assoc-card,
  .cross-navigation__item,
  .cross-navigation__kicker,
  .cross-navigation__action,
  .cross-navigation__scent-card,
  .scent-detail .timeline .timeline__date,
  .scent-detail .anecdotes .timeline__date,
  .scent-detail .timeline .timeline__content,
  .scent-detail .anecdotes .timeline__content
) {
background: color-mix(in srgb, var(--surface-card) 86%, transparent);
  border-color: var(--theme-panel-border);
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-overview::before,
  .scent-perfumes::before,
  .description::before,
  .origin-map::before,
  .extraction::before,
  .timeline::before,
  .anecdotes::before,
  .cross-navigation__item--family::before
) {
background: linear-gradient(180deg, color-mix(in srgb, var(--scent-accent, var(--theme-accent)) 72%, #ffffff), transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .accord-tag {
color: var(--color-background);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .accord-tag__label {
color: var(--color-background);
  text-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .accord-tag__bg rect:nth-child(2),
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .accord-tag__bg rect:nth-child(3),
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .accord-tag__bg circle:nth-child(4) {
fill-opacity: 0.18;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .accord-horizontal {
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.22));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .assoc-card__icon {
background: color-mix(in srgb, var(--surface-muted) 82%, #ffffff);
  border-color: var(--theme-panel-border);
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .cross-navigation__action {
background: color-mix(in srgb, var(--surface-muted) 84%, transparent);
  border-color: var(--theme-panel-border);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-hero-card__media img {
background: transparent;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .scent-hero-card__media-placeholder {
background: var(--theme-panel-background);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .cross-navigation__scent-icon,
  .cross-navigation__scent-icon img
) {
background: color-mix(in srgb, var(--surface-muted) 82%, #ffffff);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .brand-page,
  .perfumer-page
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .brand-hero,
  .brand-stat,
  .brand-bio,
  .brand-related,
  .brand-perfumes,
  .brand-timeline,
  .brand-anecdotes,
  .brand-bio__entry-body,
  .brand-timeline__content,
  .brand-anecdotes__item,
  .related-articles__item,
  .brand-hero__button-secondary,
  .brand-hero__quick-nav,
  .perfumer-hero,
  .perfumer-stat,
  .perfumer-bio,
  .perfumer-related,
  .perfumer-perfumes,
  .perfumer-sources,
  .perfumer-bio__entry,
  .perfumer-bio__entry-body,
  .perfumer-bio__highlight,
  .perfumer-bio__sources,
  .perfumer-perfumes__fallback,
  .chip--hero
) {
background: var(--theme-panel-background);
  border-color: var(--theme-panel-border);
  color: var(--color-text);
  box-shadow: var(--theme-panel-shadow-strong);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .brand-hero__title,
  .brand-section__title,
  .brand-stat__value,
  .brand-bio__heading,
  .brand-timeline__title,
  .brand-anecdotes__title,
  .perfumer-hero__title,
  .perfumer-section__title,
  .perfumer-stat__value,
  .perfumer-bio__heading,
  .related-articles__title
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .brand-hero__summary,
  .brand-hero__summary p,
  .brand-section__subtitle,
  .brand-stat__label,
  .brand-hero__note,
  .brand-bio__body,
  .brand-bio__body p,
  .brand-timeline__description,
  .brand-timeline__description p,
  .brand-anecdotes__text,
  .perfumer-hero__summary,
  .perfumer-hero__summary p,
  .perfumer-section__subtitle,
  .perfumer-stat__label,
  .perfumer-hero__note,
  .perfumer-bio__body,
  .perfumer-bio__body p,
  .perfumer-bio__source-item span
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .brand-hero__logo-card,
  .brand-hero__logo-card img,
  .brand-hero__logo-placeholder,
  .perfumer-hero__portrait,
  .perfumer-hero__portrait img,
  .perfumer-hero__portrait-placeholder
) {
background: #ffffff;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .members-page,
  .member-profile,
  .user-dashboard,
  .contributions-page
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-page {
color: #fbf5ea;
  background:
    radial-gradient(circle at 76% 8%, rgba(129, 185, 173, 0.14), transparent 28rem),
    linear-gradient(180deg, #0f1419 0%, #11171d 54%, #141a20 100%);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero {
background:
    linear-gradient(125deg, rgba(246, 240, 229, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(25, 31, 38, 0.98), rgba(11, 15, 20, 0.99));
  border-color: rgba(246, 240, 229, 0.13);
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(246, 240, 229, 0.12);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__title {
color: #fbf5ea;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__media,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__portrait,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__portrait img,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__portrait-placeholder {
background: transparent;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-hero__stats,
  .perfumer-identity
) {
background: rgba(10, 14, 19, 0.32);
  border-color: rgba(246, 240, 229, 0.12);
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-stat,
  .perfumer-identity__item
) {
background: transparent;
  border-color: rgba(246, 240, 229, 0.09);
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__credit {
display: none !important;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-bio,
  .perfumer-signature,
  .perfumer-influence,
  .perfumer-related,
  .perfumer-perfumes,
  .perfumer-sources,
  .perfumer-signature__panel
) {
background:
    linear-gradient(180deg, rgba(246, 240, 229, 0.075), rgba(246, 240, 229, 0.04)),
    rgba(19, 24, 31, 0.96);
  border-color: rgba(246, 240, 229, 0.12);
  color: #fbf5ea;
}

/* Perfumer detail uses a reference-sheet layout that stays intentionally light. */
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-page {
color: #17202b;
  background:
    linear-gradient(180deg, #ede9df 0%, #f8f5ef 26%, #f3efe7 100%);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero {
background: #fbfaf7;
  border-color: rgba(22, 30, 42, 0.12);
  color: #17202b;
  box-shadow: 0 24px 58px rgba(28, 35, 45, 0.12);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-hero__title,
  .perfumer-section__title,
  .perfumer-signature__panel h3
) {
color: #17202b;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-hero__summary,
  .perfumer-hero__summary p,
  .perfumer-section__subtitle,
  .perfumer-bio__body,
  .perfumer-bio__body p,
  .perfumer-bio__source-item span
) {
color: #5f6875;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__portrait,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__portrait img,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-hero__portrait-placeholder {
background: #ebe3d7;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-hero__stats,
  .perfumer-identity
) {
background: transparent;
  border: 0;
  box-shadow: none;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-stat,
  .perfumer-identity__item,
  .perfumer-signature__panel
) {
background: #ffffff;
  border-color: rgba(22, 30, 42, 0.1);
  color: #17202b;
  box-shadow: 0 10px 24px rgba(28, 35, 45, 0.08);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .perfumer-identity__item {
background: #f4f0e8;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .perfumer-bio,
  .perfumer-signature,
  .perfumer-influence,
  .perfumer-related,
  .perfumer-perfumes,
  .perfumer-sources
) {
background: #fbfaf7;
  border-color: rgba(22, 30, 42, 0.1);
  color: #17202b;
  box-shadow: 0 18px 44px rgba(28, 35, 45, 0.1);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__hero,
  .member-profile__stat,
  .member-profile__card,
  .member-profile__about-side,
  .member-profile__badge-item,
  .member-profile__comments,
  .member-profile__activity,
  .member-profile__activity-card,
  .member-profile__activity-item,
  .member-profile__comment,
  .member-profile__person-link,
  .hero-stat-card,
  .hero-counter,
  .dashboard-section,
  .dashboard-quick-actions,
  .quick-action,
  .chat-contacts,
  .chat-contact__link,
  .chat-thread,
  .chat-thread__messages,
  .chat-bubble,
  .chat-thread__composer,
  .chat-thread__composer textarea,
  .chat-thread__attachment,
  .message-card,
  .form-accordion,
  .contrib-card,
  .contrib-panel,
  .contrib-modal,
  .contrib-form,
  .contrib-field,
  .contrib-list,
  .contrib-item
) {
background: var(--theme-panel-background);
  border-color: var(--theme-panel-border);
  color: var(--color-text);
  box-shadow: var(--theme-panel-shadow);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__button--secondary,
  .member-profile__button--ghost,
  .member-profile__badge,
  .member-profile__link,
  .quick-action:hover,
  .quick-action:focus-visible,
  .quick-action.is-active,
  .quick-action[aria-selected="true"],
  .chat-contact__link:hover,
  .chat-contact__link:focus-visible,
  .chat-contact.is-active .chat-contact__link,
  .chat-thread__identity-link:hover,
  .chat-thread__identity-link:focus-visible,
  .chat-bubble--outgoing,
  .chat-bubble__link--affinez,
  .message-card__link,
  .form-accordion__summary
) {
background: color-mix(in srgb, var(--theme-accent) 20%, var(--surface-muted));
  border-color: color-mix(in srgb, var(--theme-accent) 38%, var(--surface-border));
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__username,
  .member-profile__stat-value,
  .member-profile__about-headline,
  .member-profile__about-value,
  .member-profile__card-header h2,
  .member-profile__person-username,
  .member-profile__activity-count,
  .member-profile__activity-title,
  .hero-stat-card__value,
  .hero-counter__value,
  .dashboard-section__header h2,
  .chat-contacts__header h3,
  .chat-contact__name,
  .chat-thread__name,
  .private-messages__column h3,
  .message-card__name,
  .form-accordion__summary h3
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__meta,
  .member-profile__role-desc,
  .member-profile__stat-label,
  .member-profile__badge-desc,
  .member-profile__about-bio,
  .member-profile__about-label,
  .member-profile__card-meta,
  .member-profile__activity-meta,
  .member-profile__activity-excerpt,
  .member-profile__comment-meta,
  .member-profile__comment-body,
  .member-profile__empty,
  .hero-stat-card__label,
  .hero-stat-card__hint,
  .hero-counter__label,
  .quick-action__hint,
  .dashboard-section__header p,
  .chat-contacts__header p,
  .chat-contact__preview,
  .chat-contact__time,
  .chat-bubble__time,
  .chat-thread__hint,
  .message-card__meta,
  .message-card__content,
  .messages-empty,
  .form-accordion__summary p
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .member-profile__avatar,
  .member-profile__avatar img,
  .member-profile__person-avatar,
  .member-profile__person-avatar img,
  .chat-contact__avatar,
  .chat-thread__avatar
) {
background: color-mix(in srgb, var(--surface-muted) 88%, #ffffff);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .chat-widget__notice,
  .chat-widget__input,
  .chat-widget__emotes
) {
background: color-mix(in srgb, #181328 92%, transparent);
  border-color: rgba(255, 255, 255, 0.14);
  color: #f7f3ff;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .celebrity-page,
  .accords-page,
  .filtrage-section,
  .data-hub
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .celebrity-hero,
  .celebrity-hero__panel,
  .celebrity-orbit-chip,
  .celebrity-hero__marquee-item,
  .celebrity-stage-card,
  .celebrity-card,
  .celebrity-results,
  .celebrity-spotlight,
  .accords-hero,
  .accords-stat,
  .accord-page-nav__inner,
  .accord-page-nav__link,
  .accord-profile-card,
  .accords-kpi-card,
  .accord-distribution__item,
  .accord-editorial,
  .accords-highlights__item,
  .scent-toolbar,
  .filters-drawer,
  .filters-drawer__header,
  .filters-panel,
  .filters-handle,
  .filter-badge,
  .scent-item__card,
  .scent-item__face--front,
  .scent-results__empty-note,
  .auth-modal__panel,
  .auth-modal__toast,
  .auth-modal__tabs,
  .auth-modal__tab.is-active,
  .auth-modal__input,
  .auth-modal__alert,
  .auth-modal .button,
  .cookie-consent,
  .cookie-consent__actions,
  .data-hub__stats,
  .stat-card,
  .data-hub__tabs,
  .data-hub__panel,
  .panel-controls,
  .control input,
  .control select,
  .raw-pager__btn,
  .hub-table,
  .hub-table__head,
  .hub-row,
  .hub-table__empty,
  .raw-fields,
  .raw-field,
  .raw-table,
  .raw-table__table thead th,
  .raw-table__table tbody td,
  .raw-modal__inner
) {
background: var(--theme-panel-background);
  border-color: var(--theme-panel-border);
  color: var(--color-text);
  box-shadow: var(--theme-panel-shadow);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .accord-page-nav__link:hover,
  .accord-page-nav__link:focus-visible,
  .filter-badge:hover,
  .filter-badge.is-active,
  .scent-item:hover .scent-item__card,
  .scent-item:focus-within .scent-item__card,
  .auth-modal__close:hover,
  .auth-modal__close:focus-visible,
  .auth-modal .button:hover,
  .auth-modal .button:focus-visible,
  .tab.is-active,
  .raw-cell:hover,
  .raw-cell:focus-visible
) {
background: var(--theme-hover-background);
  border-color: var(--theme-hover-border);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .reset-btn {
background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-accent) 58%, var(--surface-card)) 0%,
      color-mix(in srgb, var(--theme-accent-dark) 54%, var(--surface-muted)) 100%);
  border: 1px solid color-mix(in srgb, var(--theme-accent) 36%, var(--surface-border));
  color: var(--color-text);
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-accent) 22%, transparent);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .reset-btn:hover:not(:disabled),
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .reset-btn:focus-visible:not(:disabled) {
background: var(--theme-hover-background);
  border-color: var(--theme-hover-border);
  color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .reset-btn:disabled,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .reset-btn[aria-disabled="true"] {
background: color-mix(in srgb, var(--surface-muted) 72%, transparent);
  border-color: var(--theme-panel-border-soft);
  color: var(--color-text-muted);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .celebrity-hero__title,
  .celebrity-card__title,
  .celebrity-results__title,
  .accords-hero__title,
  .accords-section__header h2,
  .accords-section__header--sub h3,
  .accord-profile-card__value,
  .accords-kpi-card__value,
  .accord-distribution__row strong,
  .page-title,
  .scent-item__name,
  .auth-modal__title,
  .auth-modal__label,
  .data-hub__title,
  .stat-card__value,
  .panel-header h2,
  .hub-row__title,
  .raw-fields__title,
  .raw-modal__title
) {
color: var(--color-text);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .celebrity-hero__subtitle,
  .celebrity-card__text,
  .celebrity-results__note,
  .accords-hero__subtitle,
  .accords-list-page__meta,
  .accords-section__meta,
  .accords-section__meta p,
  .accord-profile-card__label,
  .accords-kpi-card__label,
  .accord-editorial p,
  .toolbar-meta,
  .filter-heading,
  .scent-item__hint,
  .auth-modal__subtitle,
  .auth-modal__helper,
  .cookie-consent__text,
  .data-hub__subtitle,
  .stat-card__label,
  .stat-card__sub,
  .panel-subtitle,
  .control span,
  .hub-row__sub,
  .meta
) {
color: var(--color-text-muted);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .filters-handle {
border: 1px solid var(--theme-panel-border);
  border-right: 0;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .filters-handle::after {
background: color-mix(in srgb, var(--theme-accent) 54%, var(--color-text-muted));
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-toolbar .form-input:not(.search-input__field),
  .auth-modal__input,
  .control input,
  .control select
)::placeholder {
color: var(--theme-placeholder-color);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .scent-item__image,
  .auth-modal__provider-icon
) {
background: #ffffff;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .filter-badge__icon {
background: transparent;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .year-card__link--image,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .year-card__link--image:hover,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .year-card__link--image:focus-visible,
:is(html[data-theme="dark"] body, body[data-theme="dark"]) .year-card__link--image.is-tooltip-visible {
background: #10141f;
  border-color: color-mix(in srgb, var(--theme-accent) 32%, rgba(255, 255, 255, 0.22));
  color: #f8f3e7;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) .year-card__link--image::before {
background: linear-gradient(180deg, rgba(4, 7, 18, 0.16) 0%, rgba(4, 7, 18, 0.64) 100%);
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .favorite-card__image,
  .favorite-card__image img,
  .rating-card__image,
  .rating-card__image img,
  .year-note__icon,
  .year-note__icon img,
  .preview-card__hero,
  .preview-card__hero img,
  .preview-illustrations__item img
) {
background: #ffffff;
}

:is(html[data-theme="dark"] body, body[data-theme="dark"]) :is(
  .social-signup__field :is(input, select, textarea),
  .generator-field :is(input, select, textarea, .form-control),
  .generator-field select[multiple]
)::placeholder {
color: var(--theme-placeholder-color);
}