/* Optional review palette. Enabled only by html.theme-editorial.
   Color overrides only: original layout, videos, type and print styling remain intact. */
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) {
  --ink: #0b1a33;
  --ink-muted: #42516a;
  --hair: #cbd3df;
  --cyan: #076b9e;
  color: var(--ink);
  background: #ffffff;
}

/* The marketing introduction and creative work read as a single editorial opening. */
html.theme-editorial :is(.partnership, .creative) { background: #ffffff; }
html.theme-editorial .casino { background: #ffffff; }
html.theme-editorial :is(.how, .faq) { background: #f4f6fb; }

/* Keep the blue brand accent, with enough contrast for small text on paper tones. */
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) .eyebrow::before {
  background: var(--cyan);
  box-shadow: none;
}
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) a:focus-visible,
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) button:focus-visible,
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) summary:focus-visible {
  outline-color: #076b9e;
}
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) .cta--ghost {
  color: var(--ink);
  border-color: #8090a7;
}
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) .cta--ghost:hover {
  color: #075d85;
  border-color: #076b9e;
}
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) .cta--big {
  background: #076b9e;
  color: #ffffff;
  box-shadow: none;
}
html.theme-editorial :is(.partnership, .creative, .casino, .how, .faq) .cta--big:hover {
  background: #075d85;
  box-shadow: none;
}

/* All captions, concept labels, divider lines and pillar copy inherit the local ink. */
html.theme-editorial :is(.creative__figure, .casino__figure) figcaption,
html.theme-editorial .casino__concept-note { color: #42516a; }
html.theme-editorial :is(.creative__figure, .casino__figure) figcaption strong { color: #0b1a33; }
html.theme-editorial .pillar:hover strong,
html.theme-editorial .text-link:hover { color: #075d85; }
html.theme-editorial .how .step::before { background: #f4f6fb; }
html.theme-editorial .faq summary:hover { color: #075d85; }
html.theme-editorial .faq details p a {
  text-decoration: underline;
  text-underline-offset: .18em;
}