/* Phoenix 5.1.2: shared Sixto theme / native component presentation contract.
 * Refactors the existing presentation source; no additional patch stylesheet.
 * Native WordPress presets own the palette. Older Sixto token names remain
 * aliases for saved content and existing components. Geometry is unchanged.
 */
body:is(.phoenix-terracotta, .phoenix-monochrome) {
  --phoenix-ink: var(--wp--preset--color--espresso, #2B211D);
  --phoenix-heading: var(--wp--preset--color--charcoal, #191817);
  --phoenix-black: var(--wp--preset--color--black, #000000);
  --phoenix-white: var(--wp--preset--color--white, #FFFFFF);
  --phoenix-paper: var(--wp--preset--color--paper, #FFFDF8);
  --phoenix-cream: var(--wp--preset--color--warm-cream, #F6F0E6);
  --phoenix-soft-gray: var(--wp--preset--color--sand, #E5D2BB);
  --phoenix-muted: var(--wp--preset--color--muted, #62544C);
  --phoenix-primary: var(--wp--preset--color--terracotta, #B85C3F);
  --phoenix-link: var(--wp--preset--color--deep-terracotta, #8F3F2B);
  --sixto-ink: var(--phoenix-heading);
  --sixto-black: var(--phoenix-black);
  --sixto-white: var(--phoenix-white);
  --sixto-emerald: var(--phoenix-link);
  --sixto-deep-emerald: var(--phoenix-link);
  --sixto-oxblood: var(--phoenix-link);
  --sixto-gold: var(--phoenix-soft-gray);
  --sixto-ivory: var(--phoenix-paper);
  --sixto-stone: var(--phoenix-soft-gray);
  --sixto-charcoal: var(--phoenix-heading);
  --sixto-sage: var(--phoenix-muted);
  --sixto-espresso: var(--phoenix-ink);
  --sixto-paper: var(--phoenix-paper);
  --sixto-warm-cream: var(--phoenix-cream);
  --sixto-sand: var(--phoenix-soft-gray);
  --sixto-muted: var(--phoenix-muted);
  --sixto-soft-apricot: var(--phoenix-soft-gray);
  --sixto-deep-terracotta: var(--phoenix-link);
  --sixto-burnt-orange: var(--phoenix-link);
  --sixto-terracotta: var(--phoenix-link);
  --sixto-apricot: var(--phoenix-soft-gray);
  --sixto-olive: var(--wp--preset--color--olive, #777354);
  --sixto-border: var(--phoenix-soft-gray);
  --sixto-clean-ivory: var(--phoenix-paper);
  --sixto-warm-muted: var(--phoenix-muted);
  --sixto-cream: var(--phoenix-cream);
  --sixto-sage-grey: var(--phoenix-muted);
  color: var(--phoenix-ink);
  background-color: var(--phoenix-cream);
}

/* Native dynamic components replace the saved Group wrapper. */
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-atlas-home, .phoenix-atlas-crosslinks, .phoenix-unified__hero, .phoenix-discovery__hero) {
  background: var(--phoenix-heading);
  color: var(--phoenix-paper);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-atlas-home, .phoenix-atlas-crosslinks, .phoenix-unified__hero, .phoenix-discovery__hero) :is(h1, h2, h3, h4, h5, h6, a, .sixto-kicker, .phoenix-atlas-card__eyebrow, .phoenix-unified__eyebrow, .phoenix-atlas-crosslinks__card > span) {
  color: var(--phoenix-white);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-atlas-home, .phoenix-atlas-crosslinks, .phoenix-unified__hero, .phoenix-discovery__hero) p:not(.sixto-kicker):not(.phoenix-atlas-card__eyebrow):not(.phoenix-unified__eyebrow) {
  color: var(--phoenix-soft-gray);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-atlas-home__aside, .phoenix-atlas-home__aside a, .phoenix-atlas-home__grid, .phoenix-atlas-card, .phoenix-atlas-card > a, .phoenix-atlas-crosslinks__grid, .phoenix-atlas-crosslinks__card) {
  border-color: var(--phoenix-soft-gray);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-atlas-card, .phoenix-atlas-crosslinks__card) {
  background-color: transparent;
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .phoenix-atlas-crosslinks__card:hover {
  background-color: var(--phoenix-link);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .phoenix-atlas-library__discovery {
  border-color: var(--phoenix-link);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-unified, .phoenix-unified__form) {
  color: var(--phoenix-ink);
  background-color: var(--phoenix-paper);
  border-color: var(--phoenix-soft-gray);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-unified__types button, .phoenix-unified__searchbox input) {
  color: var(--phoenix-ink);
  background-color: var(--phoenix-paper);
  border-color: var(--phoenix-muted);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .phoenix-unified__searchbox input::placeholder {
  color: var(--phoenix-muted);
  opacity: 1;
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-unified__searchbox button, .phoenix-unified__types button[aria-pressed="true"]) {
  color: var(--phoenix-white);
  background-color: var(--phoenix-primary);
  border-color: var(--phoenix-primary);
}

/* Existing homepage links retain hrefs, labels, order, and dimensions. */
body:is(.phoenix-terracotta, .phoenix-monochrome) .sixto-v6-hero-actions .sixto-v6-cta--primary .wp-block-button__link {
  background: var(--phoenix-primary);
  color: var(--phoenix-white);
  border-color: var(--phoenix-primary);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .sixto-v6-hero-actions :is(.sixto-v6-cta--outline, .sixto-v6-cta--accent) .wp-block-button__link {
  background: var(--phoenix-paper);
  color: var(--phoenix-link);
  border-color: var(--phoenix-link);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .sixto-v6-hero-actions .wp-block-button__link:hover,
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-unified__types button, .phoenix-unified__searchbox button):hover {
  background: var(--phoenix-link);
  color: var(--phoenix-white);
  border-color: var(--phoenix-link);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .sixto-v6-hero-copy {
  color: var(--phoenix-muted);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) .sixto-v6-hero-rule {
  background-color: var(--phoenix-primary);
  border-color: var(--phoenix-primary);
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-unified, .phoenix-atlas-home, .phoenix-atlas-crosslinks, .sixto-v6-hero-actions) :focus-visible {
  outline: 2px solid var(--phoenix-link);
  outline-offset: 4px;
}
body:is(.phoenix-terracotta, .phoenix-monochrome) :is(.phoenix-atlas-home, .phoenix-atlas-crosslinks, .phoenix-unified__hero, .phoenix-discovery__hero) :focus-visible {
  outline-color: var(--phoenix-white);
}