/*
 * Phase 2 — full-site semantic colour rollout.
 *
 * The original page-family styles remain the authoritative layout layer.
 * These overrides are deliberately colour- and surface-focused so that
 * `?theme=old` can reveal the previous treatment without structural drift.
 */

html:not([data-color-theme="old"]) body {
  --ivory: var(--color-page);
  --ink: var(--color-text);
  --stone: var(--color-border-strong);
  --text-muted: var(--color-text-muted);
  background: var(--color-canvas);
  color: var(--color-text);
}

html:not([data-color-theme="old"]) body,
html:not([data-color-theme="old"]) input,
html:not([data-color-theme="old"]) textarea,
html:not([data-color-theme="old"]) button {
  caret-color: var(--color-action);
}

html:not([data-color-theme="old"]) body > main,
html:not([data-color-theme="old"]) .exhibition,
html:not([data-color-theme="old"]) .single-page-exhibition,
html:not([data-color-theme="old"]) .single-page-room,
html:not([data-color-theme="old"]) .journal-shell {
  background: var(--color-page);
}

html:not([data-color-theme="old"]) .exhibition,
html:not([data-color-theme="old"]) .single-page-exhibition,
html:not([data-color-theme="old"]) .journal-shell {
  box-shadow: var(--shadow-raised);
}

html:not([data-color-theme="old"]) a {
  text-decoration-color: var(--color-border-strong);
}

html:not([data-color-theme="old"]) :focus-visible {
  outline-color: var(--color-focus) !important;
  outline-width: 2px !important;
  outline-offset: .4rem;
}

html:not([data-color-theme="old"]) .refined-hero :focus-visible,
html:not([data-color-theme="old"]) .refined-founder :focus-visible,
html:not([data-color-theme="old"]) .refined-haldi :focus-visible,
html:not([data-color-theme="old"]) .process-room :focus-visible,
html:not([data-color-theme="old"]) .trial-room :focus-visible,
html:not([data-color-theme="old"]) .matters-room :focus-visible,
html:not([data-color-theme="old"]) .transition-room :focus-visible,
html:not([data-color-theme="old"]) .work-transition :focus-visible,
html:not([data-color-theme="old"]) .enquiry-room :focus-visible,
html:not([data-color-theme="old"]) .closing-note :focus-visible,
html:not([data-color-theme="old"]) .journal-newsletter :focus-visible {
  outline-color: var(--color-focus-on-dark) !important;
}

html:not([data-color-theme="old"]) .skip-link,
html:not([data-color-theme="old"]) .journal-skip {
  background: var(--color-action);
  color: var(--color-action-text);
}

html:not([data-color-theme="old"]) .identity-loader {
  background: var(--color-surface-raised);
}

html:not([data-color-theme="old"]) .chapter,
html:not([data-color-theme="old"]) .refined-kicker,
html:not([data-color-theme="old"]) figcaption,
html:not([data-color-theme="old"]) .journal-kicker,
html:not([data-color-theme="old"]) .journal-label,
html:not([data-color-theme="old"]) .journal-meta,
html:not([data-color-theme="old"]) .journal-article__details,
html:not([data-color-theme="old"]) .journal-story-card__meta {
  color: var(--color-text-muted);
}

/* Global header and navigation */

html:not([data-color-theme="old"]) .site-header {
  border-bottom-color: color-mix(in srgb, var(--color-border) 78%, transparent);
  background-color: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);
  color: var(--color-text) !important;
  backdrop-filter: blur(18px) saturate(112%);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
}

html:not([data-color-theme="old"]) .site-header.is-scrolled {
  border-bottom-color: var(--color-border);
  background-color: color-mix(in srgb, var(--color-surface-raised) 94%, transparent);
}

html:not([data-color-theme="old"]) .site-wordmark,
html:not([data-color-theme="old"]) .site-return,
html:not([data-color-theme="old"]) .site-navigation a,
html:not([data-color-theme="old"]) .site-navigation a[aria-current] {
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .site-navigation a:not(.site-navigation__cta):after {
  background: var(--color-accent);
}

html:not([data-color-theme="old"]) .site-navigation .site-navigation__cta,
html:not([data-color-theme="old"]) .site-navigation .site-navigation__cta[aria-current] {
  border-color: var(--color-action);
  background: var(--color-action);
  color: var(--color-action-text);
}

@media (hover: hover) and (pointer: fine) {
  html:not([data-color-theme="old"]) .site-navigation a:hover,
  html:not([data-color-theme="old"]) .site-return:hover {
    color: var(--color-action-hover);
  }

  html:not([data-color-theme="old"]) .site-navigation .site-navigation__cta:hover,
  html:not([data-color-theme="old"]) .site-navigation .site-navigation__cta[aria-current]:hover {
    border-color: var(--color-action-hover);
    background: var(--color-action-hover);
    color: var(--color-action-text);
  }
}

@media (max-width: 820px) {
  html:not([data-color-theme="old"]) .site-header,
  html:not([data-color-theme="old"]) .site-header.is-scrolled {
    background-color: color-mix(in srgb, var(--color-surface-raised) 94%, transparent);
  }

  html:not([data-color-theme="old"]) .site-navigation,
  html:not([data-color-theme="old"]) .site-header.is-open,
  html:not([data-color-theme="old"]) .site-header.is-open .site-menu-button:after {
    background: var(--color-surface-raised);
  }

  html:not([data-color-theme="old"]) .site-navigation a,
  html:not([data-color-theme="old"]) .site-navigation .site-navigation__cta {
    border-color: var(--color-border);
    background: transparent;
    color: var(--color-text);
  }

  html:not([data-color-theme="old"]) .site-navigation a[aria-current]:before {
    background: var(--color-accent);
  }
}

/* Homepage */

html:not([data-color-theme="old"]) .refined-hero,
html:not([data-color-theme="old"]) .refined-haldi,
html:not([data-color-theme="old"]) .enquiry-room,
html:not([data-color-theme="old"]) .closing-note {
  background: var(--color-surface-dark);
  color: var(--color-text-on-dark);
}

html:not([data-color-theme="old"]) .refined-founder {
  background: var(--color-surface-founder);
  color: var(--color-text-on-dark);
}

html:not([data-color-theme="old"]) .refined-hero__image {
  background: var(--color-surface-raised);
}

html:not([data-color-theme="old"]) .refined-hero__copy > p:not(.refined-kicker),
html:not([data-color-theme="old"]) .refined-founder__copy > p:not(.refined-kicker):not(.refined-founder__lead):not(.refined-founder__meta),
html:not([data-color-theme="old"]) .refined-founder__meta,
html:not([data-color-theme="old"]) .refined-section-heading--light > p:last-child,
html:not([data-color-theme="old"]) .enquiry-room__intro,
html:not([data-color-theme="old"]) .form-status {
  color: var(--color-text-on-dark-muted);
}

html:not([data-color-theme="old"]) .refined-work-intro,
html:not([data-color-theme="old"]) .refined-stories,
html:not([data-color-theme="old"]) .refined-couple,
html:not([data-color-theme="old"]) .refined-contact-opening {
  background: var(--color-page);
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .refined-beauty {
  background: var(--color-surface-raised);
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .refined-experience,
html:not([data-color-theme="old"]) .homepage-journal {
  background: var(--color-surface-soft);
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .refined-process {
  gap: 1px;
  background: var(--color-border-strong);
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .refined-process article {
  background: var(--color-card);
}

html:not([data-color-theme="old"]) .refined-work-intro > div > p,
html:not([data-color-theme="old"]) .refined-beauty__copy > p:last-child,
html:not([data-color-theme="old"]) .refined-experience__copy > p:not(.refined-kicker),
html:not([data-color-theme="old"]) .refined-process article > p:last-child,
html:not([data-color-theme="old"]) .refined-couple > div > p:last-child,
html:not([data-color-theme="old"]) .refined-contact-opening > div > p:not(.refined-kicker),
html:not([data-color-theme="old"]) .homepage-journal__heading > p,
html:not([data-color-theme="old"]) .homepage-journal-card__body > p:last-child,
html:not([data-color-theme="old"]) .homepage-journal-card__meta {
  color: var(--color-text-muted);
}

html:not([data-color-theme="old"]) .refined-beauty__portrait,
html:not([data-color-theme="old"]) .refined-experience__image,
html:not([data-color-theme="old"]) .refined-couple figure,
html:not([data-color-theme="old"]) .refined-contact-opening figure,
html:not([data-color-theme="old"]) .homepage-journal-card__image {
  background: var(--color-accent-soft);
}

html:not([data-color-theme="old"]) .homepage-journal-card__link {
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .homepage-journal-card__image {
  box-shadow: var(--shadow-soft);
}

html:not([data-color-theme="old"]) .refined-link,
html:not([data-color-theme="old"]) .homepage-journal__link {
  border-color: var(--color-action);
  color: var(--color-action);
}

/* About, services, portfolio and enquiry page families */

html:not([data-color-theme="old"]) .presence,
html:not([data-color-theme="old"]) .experience-intro,
html:not([data-color-theme="old"]) .work-intro,
html:not([data-color-theme="old"]) .conversation-opening {
  background: var(--color-surface-raised);
}

html:not([data-color-theme="old"]) .observation-room,
html:not([data-color-theme="old"]) .before-meet,
html:not([data-color-theme="old"]) .light-study,
html:not([data-color-theme="old"]) .silence-study,
html:not([data-color-theme="old"]) .texture-study,
html:not([data-color-theme="old"]) .other-ways {
  background: var(--color-surface-soft);
}

html:not([data-color-theme="old"]) .trust-room,
html:not([data-color-theme="old"]) .morning-room,
html:not([data-color-theme="old"]) .questions-room,
html:not([data-color-theme="old"]) .presence-study,
html:not([data-color-theme="old"]) .red-study,
html:not([data-color-theme="old"]) .ceremony-study,
html:not([data-color-theme="old"]) .movement-study {
  background: var(--color-page);
}

html:not([data-color-theme="old"]) .process-room,
html:not([data-color-theme="old"]) .trial-room,
html:not([data-color-theme="old"]) .matters-room,
html:not([data-color-theme="old"]) .transition-room,
html:not([data-color-theme="old"]) .work-transition {
  background: var(--color-surface-dark);
  color: var(--color-text-on-dark);
}

html:not([data-color-theme="old"]) .process-room .chapter,
html:not([data-color-theme="old"]) .trial-room .chapter,
html:not([data-color-theme="old"]) .matters-room .chapter,
html:not([data-color-theme="old"]) .transition-room .chapter,
html:not([data-color-theme="old"]) .work-transition .chapter {
  color: var(--color-text-on-dark-muted);
}

html:not([data-color-theme="old"]) .practice-facts div,
html:not([data-color-theme="old"]) .preparation-notes div,
html:not([data-color-theme="old"]) .questions div,
html:not([data-color-theme="old"]) .other-ways dl div {
  border-color: var(--color-border-strong);
}

html:not([data-color-theme="old"]) .trial-room__text .trial-room__note,
html:not([data-color-theme="old"]) .principles div,
html:not([data-color-theme="old"]) .transition-room a,
html:not([data-color-theme="old"]) .work-transition a {
  border-color: var(--color-border-on-dark);
}

html:not([data-color-theme="old"]) .trial-room__text .trial-room__note,
html:not([data-color-theme="old"]) .principles dd {
  color: var(--color-text-on-dark-muted);
}

html:not([data-color-theme="old"]) .invitation-room {
  border-color: var(--color-border);
  background: var(--color-accent-soft);
}

html:not([data-color-theme="old"]) .invitation-room a {
  border-color: var(--color-action);
}

html:not([data-color-theme="old"]) figcaption,
html:not([data-color-theme="old"]) .practice-facts dt,
html:not([data-color-theme="old"]) .preparation-notes dt,
html:not([data-color-theme="old"]) .other-ways dt {
  color: var(--color-text-muted);
}

/* Forms and actions */

html:not([data-color-theme="old"]) .field {
  border-color: var(--color-border-on-dark);
}

html:not([data-color-theme="old"]) .field label {
  color: var(--color-text-on-dark-muted);
}

html:not([data-color-theme="old"]) .field input,
html:not([data-color-theme="old"]) .field textarea {
  color: var(--color-text-on-dark);
  caret-color: var(--color-focus-on-dark);
}

html:not([data-color-theme="old"]) .field:focus-within {
  border-color: var(--color-focus-on-dark);
  box-shadow: 0 2px 0 color-mix(in srgb, var(--color-focus-on-dark) 72%, transparent);
}

html:not([data-color-theme="old"]) .enquiry-form button {
  border-color: var(--color-focus-on-dark);
  color: var(--color-text-on-dark);
}

html:not([data-color-theme="old"]) .enquiry-form button:hover {
  color: var(--color-focus-on-dark);
}

html:not([data-color-theme="old"]) .form-status[data-state="error"] {
  color: var(--color-status-error);
}

html:not([data-color-theme="old"]) .other-ways dd a {
  color: var(--color-action);
}

/* Footer and brand details */

html:not([data-color-theme="old"]) .closing-note .chapter {
  color: var(--color-text-on-dark-muted);
}

html:not([data-color-theme="old"]) .closing-note__autograph {
  opacity: .34;
}

/* Journal index, archives and articles */

html:not([data-color-theme="old"]) body.journal-body {
  --journal-ivory: var(--color-page);
  --journal-paper: var(--color-surface-soft);
  --journal-ink: var(--color-text);
  --journal-muted: var(--color-text-muted);
  --journal-line: var(--color-border);
  background: var(--color-canvas);
  color: var(--color-text);
}

html:not([data-color-theme="old"]) .journal-masthead {
  border-color: var(--color-border);
  background: var(--color-surface-raised);
}

html:not([data-color-theme="old"]) .journal-hero,
html:not([data-color-theme="old"]) .journal-page-heading,
html:not([data-color-theme="old"]) .journal-article__header {
  border-color: var(--color-border);
  background: var(--color-surface-soft);
}

html:not([data-color-theme="old"]) .journal-hero__copy {
  border-color: var(--color-border);
  background: var(--color-surface-raised);
}

html:not([data-color-theme="old"]) .journal-library,
html:not([data-color-theme="old"]) .journal-article__layout,
html:not([data-color-theme="old"]) .journal-related {
  background: var(--color-page);
}

html:not([data-color-theme="old"]) .journal-library-card {
  border-color: var(--color-border-strong);
}

html:not([data-color-theme="old"]) .journal-story-card__image {
  background: var(--color-accent-soft);
  box-shadow: var(--shadow-soft);
}

html:not([data-color-theme="old"]) .journal-story-card__body h3 a,
html:not([data-color-theme="old"]) .journal-library-card__link,
html:not([data-color-theme="old"]) .journal-inline-link,
html:not([data-color-theme="old"]) .journal-back,
html:not([data-color-theme="old"]) .journal-wordmark {
  color: var(--color-action);
}

html:not([data-color-theme="old"]) .journal-story-card__body p,
html:not([data-color-theme="old"]) .journal-section__header p,
html:not([data-color-theme="old"]) .journal-hero p,
html:not([data-color-theme="old"]) .journal-page-heading p,
html:not([data-color-theme="old"]) .journal-article__subtitle,
html:not([data-color-theme="old"]) .journal-founder p,
html:not([data-color-theme="old"]) .journal-toc ol {
  color: var(--color-text-muted);
}

html:not([data-color-theme="old"]) .journal-filter a,
html:not([data-color-theme="old"]) .journal-pagination a,
html:not([data-color-theme="old"]) .journal-pagination span,
html:not([data-color-theme="old"]) .journal-category-grid,
html:not([data-color-theme="old"]) .journal-service-grid,
html:not([data-color-theme="old"]) .journal-category-link,
html:not([data-color-theme="old"]) .journal-service-card,
html:not([data-color-theme="old"]) .journal-founder,
html:not([data-color-theme="old"]) .journal-article-nav,
html:not([data-color-theme="old"]) .journal-article-nav a,
html:not([data-color-theme="old"]) .journal-pullquote,
html:not([data-color-theme="old"]) .journal-article__divider {
  border-color: var(--color-border);
}

html:not([data-color-theme="old"]) .journal-category-link:hover,
html:not([data-color-theme="old"]) .journal-service-card,
html:not([data-color-theme="old"]) .journal-article-nav a:hover {
  background: var(--color-surface-soft);
}

html:not([data-color-theme="old"]) .journal-filter a:hover,
html:not([data-color-theme="old"]) .journal-filter a.is-active,
html:not([data-color-theme="old"]) .journal-pagination .is-current {
  background: var(--color-action);
  color: var(--color-action-text);
}

html:not([data-color-theme="old"]) .journal-placeholder {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-text-muted);
}

html:not([data-color-theme="old"]) .journal-pullquote {
  background: color-mix(in srgb, var(--color-accent) 18%, var(--color-page));
}

html:not([data-color-theme="old"]) .journal-article-cta {
  background: var(--color-accent-soft);
}

html:not([data-color-theme="old"]) .journal-newsletter {
  background: var(--color-surface-dark);
  color: var(--color-text-on-dark);
}

html:not([data-color-theme="old"]) .journal-newsletter p,
html:not([data-color-theme="old"]) .journal-newsletter .journal-label {
  color: var(--color-text-on-dark-muted);
}

html:not([data-color-theme="old"]) .journal-footer {
  border-color: var(--color-border);
  background: var(--color-surface-soft);
  color: var(--color-text-muted);
}

html:not([data-color-theme="old"]) .journal-search-form {
  border-color: var(--color-border-strong);
}

html:not([data-color-theme="old"]) .journal-search-form input {
  color: var(--color-text);
}

/* Remaining public utility pages */

html:not([data-color-theme="old"]) body:not(.journal-body) > main:only-child {
  background: var(--color-surface-raised);
}

html:not([data-color-theme="old"]) .not-found__mark {
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-color-theme="old"]) *,
  html:not([data-color-theme="old"]) *::before,
  html:not([data-color-theme="old"]) *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}