@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");

/* One typeface across public pages and the signed-in app. */
html, body, button, input, textarea, select, option, a,
h1, h2, h3, h4, h5, h6, p, li, label, small, td, th, b, strong, span {
  font-family: "DM Sans", Arial, sans-serif !important;
}

/* Bright off-brand purples use the header gradient. */
.hp-card.is-premium,
#hybrid-plans .hp-card.is-premium,
.ix-plan-mid,
.hc-hero,
.av-flight,
.rg-hero {
  background: linear-gradient(115deg, #3D0191 0%, #5a02a4 55%, #800182 100%) !important;
}

/* Gold chrome matches the purple theme. Green and red keep their meaning. */
body[data-page="home"] .ix-wallet-link,
.hc-auto,
.av-go,
.rn-tools button,
.rn-pager button,
.rn-copy,
.rn-open,
.rn-path button,
.rg-join,
body[data-page="play"] .ix-side-row.on,
body[data-page="strategy"] .ix-side-row.on,
body[data-page="play"] .bottomnav a.active,
body[data-page="strategy"] .bottomnav a.active {
  background: #3D0191 !important;
  color: #fff !important;
}
.hp-flag,
#hybrid-plans .hp-card.is-premium .hp-flag,
#hybrid-plans .hp-card.is-vip .hp-flag,
.ix-badge {
  background: #800182 !important;
  color: #fff !important;
}
#hybrid-plans .hp-card.is-premium.is-on,
.wg-picks button.on {
  outline-color: #3D0191 !important;
}
.rn-tabs button.on { box-shadow: inset 0 -3px 0 #fff !important; }
.ix-foot-grid strong,
body.ix-site .ix-foot a:hover,
.lg-hero h1 em { color: #fff !important; }
.ix-evolve {
  border-left-color: #800182 !important;
  background: #F5F1FA !important;
}
.ix-road::before {
  background: linear-gradient(90deg, #3D0191, #800182) !important;
}
.ix-day.on { box-shadow: 0 0 0 2px #fff !important; }