:root {
  --parrot-purple: #50236f;
  --parrot-pink: #dd327d;
  --parrot-yellow: #ffd447;
  --parrot-ink: #24172b;
  --parrot-cream: #fffaf1;
}

body {
  color: var(--parrot-ink);
  background: var(--parrot-cream);
}

.site-header { background: #fff; }
.navbar-brand { line-height: .9; letter-spacing: -.03em; }
.brand-cheeky { display: block; color: var(--parrot-purple); font-size: 1.35rem; font-weight: 800; }
.brand-games { color: var(--parrot-pink); font-size: .9rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.nav-link { color: var(--parrot-ink); font-weight: 600; }
.nav-link:hover, .nav-link:focus { color: var(--parrot-pink); }
.btn-brand { color: #fff; background: var(--parrot-purple); border-color: var(--parrot-purple); }
.btn-brand:hover, .btn-brand:focus { color: var(--parrot-ink); background: var(--parrot-yellow); border-color: var(--parrot-yellow); }
.hero { background: radial-gradient(circle at top, #fff 0, var(--parrot-cream) 55%, #f6e9ff 100%); }
.hero h1 { color: var(--parrot-purple); }
.hero-kicker { color: var(--parrot-pink); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.site-footer { color: #fff; background: var(--parrot-ink); }
.site-footer a { color: var(--parrot-yellow); }
.footer-brand { font-size: 1.25rem; font-weight: 800; }