/* Arena-only surface corrections for the three legacy-colored cards in the screenshots. */
html[data-site-theme="arena"] .home-about,
html[data-site-theme="arena"] .community-card,
html[data-site-theme="arena"] #page-flashes .flash-settings-card,
html[data-site-theme="arena"] #page-flashes .flash-setup-preview,
html[data-site-theme="arena"] #page-flashes .flash-training-guide,
html[data-site-theme="arena"] #page-flashes .flash-how-to,
html[data-site-theme="arena"] #page-warmup .routine-launch,
html[data-site-theme="arena"] #page-warmup .warmup-guidance,
html[data-site-theme="arena"] #page-warmup .deep-aim-promo {
  border-color: #244258;
  background: linear-gradient(145deg, #0c2232, #071724 78%);
}

html[data-site-theme="arena"] .home-about .eyebrow,
html[data-site-theme="arena"] .community-card .eyebrow,
html[data-site-theme="arena"] #page-flashes .flash-training-guide > p,
html[data-site-theme="arena"] #page-flashes .flash-how-to h2,
html[data-site-theme="arena"] #page-warmup .routine-launch .eyebrow,
html[data-site-theme="arena"] #page-warmup .warmup-guidance > .eyebrow,
html[data-site-theme="arena"] #page-warmup .deep-aim-promo > .eyebrow {
  color: var(--cyan);
}

html[data-site-theme="arena"] .suggestion-card textarea {
  border-color: #28516b;
  background: #071725;
}

html[data-site-theme="arena"] #page-flashes .flash-settings-group + .flash-settings-group,
html[data-site-theme="arena"] #page-flashes .flash-how-to-steps article + article,
html[data-site-theme="arena"] #page-flashes .flash-how-to-note,
html[data-site-theme="arena"] #page-warmup .warmup-guide-steps article {
  border-color: #244258;
}

html[data-site-theme="arena"] #page-flashes .flash-controls > label,
html[data-site-theme="arena"] #page-flashes .flash-training-guide > div,
html[data-site-theme="arena"] #page-flashes .flash-setup-preview .flash-metrics > div,
html[data-site-theme="arena"] #page-warmup .warmup-guide-steps article {
  border-color: #244258;
  background: linear-gradient(145deg, #102638, #0a1a27);
}

html[data-site-theme="arena"] #page-flashes .flash-controls select,
html[data-site-theme="arena"] #page-flashes .flash-controls input[type="number"] {
  border-color: #28516b;
  background: #0b2030;
}

html[data-site-theme="arena"] #page-flashes .flash-how-to-icon {
  border-color: #244258;
  background: radial-gradient(circle, #123047, #091b29 72%);
}

html[data-site-theme="arena"] #page-flashes .flash-group-title > span:first-child,
html[data-site-theme="arena"] #page-flashes .flash-training-guide > div > span,
html[data-site-theme="arena"] #page-flashes .flash-how-to-number,
html[data-site-theme="arena"] #page-flashes .flash-how-to-note > span:first-child,
html[data-site-theme="arena"] #page-warmup .warmup-guide-steps article > span {
  border-color: #1685ad;
  color: var(--cyan);
}

html[data-site-theme="arena"] #page-flashes .flash-setup-heading .eyebrow,
html[data-site-theme="arena"] #page-flashes .flash-card-kicker,
html[data-site-theme="arena"] #page-warmup .warmup-guide-steps h3 {
  color: var(--cyan);
}

html[data-site-theme="arena"] #page-warmup .deep-aim-promo-mark {
  border-color: #1685ad;
  background: #08bdf412;
  color: var(--cyan);
}

html[data-site-theme="arena"] #page-warmup .routine-emblem {
  border-color: #1685ad;
  background: #08bdf412;
  color: var(--cyan);
}