:root {
  --ink: #071b27;
  --ink2: #0a2c3c;
  --panel: #0d3a4c;
  --cream: #effbf7;
  --paper: #fbfffd;
  --orange: #ff8a18;
  --yellow: #c9f227;
  --pink: #ff5678;
  --muted: #55717a;
  --line: #d8e8e5;
  --shadow: 0 18px 60px rgba(2, 35, 48, .16);
}

.site-header {
  background: rgba(4, 21, 31, .95);
}

.hero {
  background: #071b27;
}

.hero-media {
  background:
    linear-gradient(90deg, rgba(3, 25, 36, .99) 0%, rgba(3, 35, 47, .9) 38%, rgba(3, 25, 36, .24) 72%),
    url("images/hero.jpeg") center / cover no-repeat;
}

.hero::after {
  border-color: rgba(201, 242, 39, .14);
}

.score-card {
  background: linear-gradient(145deg, var(--ink2), #0c5361);
}

.bonus-feature,
.login-flow > div {
  background: #0a2b38;
}

.tab-list {
  background: #092c39;
}

.tab-panel {
  background: #0d3b49;
}

.review-section {
  background:
    radial-gradient(circle at 90% 10%, rgba(201, 242, 39, .1), transparent 30%),
    #fff;
}

.vip-section {
  background: #edf8f3;
}

.facts-section {
  background: #eaf4f5;
}

.site-footer {
  background: #04151f;
  color: #b8d0d5;
}