:root {
  --bg: #FFFFFF;
  --paper: #FFFFFF;
  --ink: #212B37;
  --sub: #5F6368;
  --faint: #8A929B;
  --line: rgba(33, 43, 55, 0.14);
}

html,
body {
  background: #FFFFFF;
  color: var(--ink);
}

.form {
  background: #FFFFFF !important;
}

.form .dots i {
  background: rgba(33, 43, 55, 0.22);
}

.form .ordot {
  background: #EEF2F7;
}

.form .opt:hover .op,
.form .li .lt,
.form .li .lp,
.form .trow,
.form .navmid b,
.form .back:hover {
  color: var(--ink);
}

.form .totals {
  background: rgba(33, 43, 55, 0.03);
}

.form .nav {
  border-top-color: rgba(33, 43, 55, 0.10);
}

.cont.is-disabled {
  opacity: 0.42;
  cursor: not-allowed;
  filter: grayscale(0.25);
}

.panel .ladder {
  border-top-color: rgba(246, 243, 238, 0.16);
}

.panel .rung {
  color: rgba(246, 243, 238, 0.50);
}

.panel .rung.on {
  color: #FFFFFF;
}

.panel h2 {
  color: #FFFFFF;
}

.panel .rung.done {
  color: rgba(246, 243, 238, 0.66);
}

input[type='date'] {
  color-scheme: light;
}

.page-vip .hero {
  background: #FFFFFF;
  color: var(--ink);
}

.page-vip .hero::before {
  background:
    radial-gradient(120% 80% at 80% 30%, rgba(234, 115, 80, 0.08), transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.94)),
    url('img/hero.webp') center/cover no-repeat;
}

.page-vip .menu a,
.page-vip .ic,
.page-vip .ic.p1,
.page-vip .ic.p3 {
  color: var(--ink);
}

.page-vip .menu a {
  border-bottom-color: rgba(33, 43, 55, 0.35);
}

.page-vip .hero p {
  color: var(--sub);
}

.page-vip .insights {
  background: #FFFFFF;
  color: var(--ink);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-vip .insights h2 {
  color: #72586E;
}

.page-vip .ins-links a {
  color: var(--ink);
  border-bottom-color: rgba(33, 43, 55, 0.35);
}

.page-vip details.acc {
  border-bottom-color: var(--line);
}

.page-vip details.acc summary {
  color: var(--ink);
}

.page-vip details.acc p {
  color: var(--sub);
}