/* Solid, measured pairs for actions on the changing home-page banners.
   Kept separate so rotating artwork never determines button readability. */
:root {
  --nawa-readable-action-fill: #422459;
  --nawa-readable-action-pressed: #2f193f;
  --nawa-readable-action-ink: #ffffff;
  --nawa-readable-disabled-fill: #e5ddef;
  --nawa-readable-disabled-ink: #5d5368;
  --nawa-readable-kicker: #79570f;
  --nawa-readable-daily-action: #17634d;
}
.fresh-cycle-banner .btn.primary,
.living-primary-action {
  background: var(--nawa-readable-action-fill);
  color: var(--nawa-readable-action-ink);
  border: 2px solid var(--nawa-readable-action-fill);
  font-weight: 750;
  min-height: 44px;
  white-space: normal;
  line-height: 1.5;
}
.fresh-cycle-banner .btn.primary :is(span, small, b, strong),
.living-primary-action :is(span, small, b, strong) { color: inherit; }
.fresh-cycle-banner .btn.primary:hover,
.fresh-cycle-banner .btn.primary:active,
.living-primary-action:hover,
.living-primary-action:active {
  background: var(--nawa-readable-action-pressed);
  border-color: var(--nawa-readable-action-pressed);
}
.fresh-cycle-banner .btn.primary:disabled,
.living-primary-action:disabled {
  background: var(--nawa-readable-disabled-fill);
  color: var(--nawa-readable-disabled-ink);
  border-color: var(--nawa-readable-disabled-ink);
  opacity: 1;
  cursor: default;
}
.fresh-cycle-banner .btn.primary:focus-visible,
.living-primary-action:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px #271529;
}
.living-section-kicker { color: var(--nawa-readable-kicker); }
.living-daily-grid em { color: var(--nawa-readable-daily-action); }
.premium-nudge > button { background: #ffffff; color: var(--nawa-readable-action-fill); font-weight: 750; }
.live-sync-status em { color: var(--nawa-readable-daily-action); }
.nawa-essential-worlds footer small { color: #505b6d; }
@media (forced-colors: active) {
  .fresh-cycle-banner .btn.primary, .living-primary-action, .premium-nudge > button { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  .fresh-cycle-banner .btn.primary:hover,
  .fresh-cycle-banner .btn.primary:active, .living-primary-action:hover, .living-primary-action:active { background: Highlight; color: HighlightText; border-color: ButtonText; }
  .fresh-cycle-banner .btn.primary:disabled, .living-primary-action:disabled { background: ButtonFace; color: GrayText; border-color: GrayText; }
  .fresh-cycle-banner .btn.primary:focus-visible, .living-primary-action:focus-visible { outline-color: Highlight; box-shadow: none; }
  .living-section-kicker, .living-daily-grid em, .live-sync-status em, .nawa-essential-worlds footer small { color: CanvasText; }
}