/* Indigo interaction palette approved on 5 November 2026. */
body.indigo-brand {
  --indigo-navy: #12162A;
  --indigo-cream: #F2EDDE;
  --indigo-editorial: #5A4EEA;
  --indigo-stone: #C9C6D6;
  --indigo-graphite: #3A3A3F;
  --indigo-label: var(--indigo-editorial);
  --indigo-label-on-dark: var(--indigo-stone);
  --indigo-interaction: var(--indigo-editorial);
}
/* Indigo identifies interaction; link text retains its readable surface colour. */
body.indigo-brand :is(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--indigo-interaction) !important;
  outline-offset: 4px;
}
body.indigo-brand :is(nav, footer) a:is(:hover, :focus-visible),
body.indigo-brand a[style*="border-bottom"]:is(:hover, :focus-visible) {
  border-bottom-color: var(--indigo-interaction) !important;
}
body.indigo-brand a:is(:hover, :focus-visible)
  span[style*="border-bottom"] {
  border-bottom-color: var(--indigo-interaction) !important;
}
body.indigo-brand #matters a[href="#contact"]:is(:hover, :focus-visible) {
  color: var(--indigo-navy) !important;
}
body.indigo-brand #contact :is(input, textarea, select):focus {
  border-bottom-color: var(--indigo-interaction) !important;
}
/* Solid calls to action on dark surfaces start ivory and turn indigo. */
body.indigo-brand #enquiry-submit:is(:hover, :focus-visible),
body.indigo-brand :is(#top, #contact) a[style*="background"]:is(:hover, :focus-visible),
body.indigo-brand [data-screen-label="CTA"] a:is(:hover, :focus-visible) {
  background: var(--indigo-editorial) !important;
  color: var(--indigo-cream) !important;
}
/* Light headers use an indigo button; dark headers retain their ivory outline. */
body.indigo-brand header a[href$="#contact"][style*="border-radius"] {
  background: var(--indigo-editorial) !important;
  color: var(--indigo-cream) !important;
  border-color: var(--indigo-editorial) !important;
  transition: color .22s ease, border-color .22s ease, background-color .22s ease;
}
body.indigo-brand #om-nav a[href$="#contact"][style*="border-radius"]:not(:hover):not(:focus-visible) {
  background: transparent !important;
  color: var(--indigo-cream) !important;
  border-color: rgba(255,255,255,.42) !important;
}