/* Misty ice surfaces reduce glare while keeping the existing light design. */
html:root {
  --paper: #dce7eb;
  --paper-deep: #cedde3;
  --ink: #284651;
  --muted: #546f7c;
  --line: rgba(53, 88, 105, .17);
  --dark: #2b5465;
  --lime: #b8d9e4;
  --ice-surface: #e4ecef;
  --ice-inset: #d2e0e6;
  background: var(--paper);
  color: var(--ink);
}
html body { background: var(--paper); color: var(--ink); }
.arc-landing.arc-landing {
  background: radial-gradient(ellipse at 20% 0, #e6edf0 0, transparent 48%), var(--paper);
  color: var(--ink);
}
.arc-landing.arc-landing .site-nav { background: #dce7ebd9; }
.arc-landing.arc-landing .arc-rink-section,
.arc-landing.arc-landing .arc-featured-mission { background: var(--ice-inset); }
.arc-landing.arc-landing .final-cta { background: #d3e1e6; }
.arc-landing.arc-landing .arc-footer { background: var(--paper); }
.arc-landing.arc-landing .hero-copy > p,
.arc-landing.arc-landing .statement > p,
.arc-landing.arc-landing .arc-rink-copy > p,
.arc-landing.arc-landing .mission-copy > p,
.arc-landing.arc-landing .arc-step p,
.arc-landing.arc-landing .arc-featured-mission p { color: var(--muted); }
.arc-landing.arc-landing .hero h1 em,
.arc-landing.arc-landing .statement em,
.arc-landing.arc-landing .arc-rink-copy em,
.arc-landing.arc-landing .final-cta em { color: #527e90; }
.arc-landing.arc-landing .arc-coordinate,
.arc-landing.arc-landing .arc-section-label,
.arc-landing.arc-landing .arc-chapter,
.arc-landing.arc-landing .arc-hero-note { color: #587482; }
.arc-landing .arc-brand-banner { background: var(--paper); }
.arc-landing .arc-brand-banner > img { mix-blend-mode: multiply; }
.arc-landing .arc-preview-play { background: #dce8edde; }
.mission-page.mission-page, .payout-page.payout-page { background: var(--paper); color: var(--ink); }
.mission-page .mission-card { background: var(--ice-surface); border-color: #b6cbd3; }
.mission-page .reward-status, .mission-page .mission-icon { background: var(--ice-inset); }
.mission-page .mission-intro h1 em { color: #527e90; }
.mission-page .mission-intro p, .mission-page .mission-card > p,
.mission-page .mission-connect p, .mission-page .reward-status p,
.mission-page .mission-footnote, .mission-page .reward-history p { color: var(--muted); }
.payout-page .payout-panel, .payout-review.payout-review { background: var(--ice-surface); }
.payout-page .payout-setup, .payout-page .payout-notice { background: var(--ice-inset); }
.payout-page .payout-actions input { background: #edf2f4; }
.wallet-modal.wallet-modal, .arc-wallet-status.arc-wallet-status { background: var(--ice-surface); color: var(--ink); }
body.arc-docs { background: var(--paper); color: var(--ink); }
.arc-docs p { color: var(--muted); }
.arc-docs .note, .arc-docs kbd { background: var(--ice-inset); }
.arc-docs aside small, .arc-docs .eyebrow, .arc-docs footer { color: #587482; }
@media (max-width: 700px) {
  .arc-landing.arc-landing .nav-links { background: var(--paper); }
}
