/* PØLLØ visual identity */
:root {
  --pollo-cobalt: #0640c8;
  --pollo-navy: #111c2c;
  --pollo-ivory: #f5f3ec;
  --pollo-silver: #a9aaa4;
  --ink: var(--pollo-ivory);
  --muted: #c4c9d2;
  --cyan: #b9ceff;
  --mint: #b9ceff;
  --violet: #b9ceff;
}

body {
  background: var(--pollo-navy);
  color: var(--ink);
  font-family: Inter, "Segoe UI", sans-serif;
}

.nav .brand, .hero h1, .section-heading h2, .holo-intro h2,
.adventure-caption h3 {
  font-family: Manrope, Inter, "Segoe UI", sans-serif;
}

header .nav {
  background: #111c2cef;
  border-bottom-color: #a9aaa459;
}

.nav .brand, .nav-links, .nav-hub, .nav-primary .nav-discover {
  color: var(--pollo-ivory);
}

.nav .brand-mark {
  display: inline-flex;
  flex: none;
  overflow: hidden;
  border: 1px solid var(--pollo-silver);
  border-radius: 50%;
}

.nav-discover::after { background: #b9ceff; box-shadow: none; }
.nav-hub { border-color: #b9ceff; box-shadow: none; }
.nav-popover { background: var(--pollo-navy); }

.hero {
  background: radial-gradient(ellipse at 80% 38%, var(--pollo-cobalt), transparent 72%),
    var(--pollo-navy);
}

.hero::before { background: linear-gradient(0deg, var(--pollo-navy), transparent 32%); }
.hero .hero-image { opacity: .13; mix-blend-mode: luminosity; }
.hero .hero-image, .hero.controller-ready .hero-image { filter: none; }
.hero .eyebrow {
  background: var(--pollo-navy);
  border-color: var(--pollo-silver);
  color: var(--pollo-ivory);
  box-shadow: none;
}

.hero .live-dot { background: #b9ceff; box-shadow: none; }
.hero h1 { color: var(--pollo-ivory); }
.hero h1 span { color: #b9ceff; text-shadow: none; }
.hero-copy, .hero-stats small { color: #e1e4eb; }
.hero-stats strong, .section-heading h2, .holo-intro h2 { color: var(--pollo-ivory); }

.hero-actions .button-primary, .ebooks .ebook-buy {
  background: var(--pollo-cobalt);
  border-color: #b9ceff;
  color: white;
  box-shadow: none;
}

.hero-actions .button-primary:hover, .ebooks .ebook-buy:hover {
  background: #174fd2;
  color: white;
  box-shadow: none;
}

.hero-actions .button-secondary, .controller-tools button, .controller-tools a {
  background: var(--pollo-navy);
  border-color: var(--pollo-silver);
  color: var(--pollo-ivory);
  box-shadow: none;
}

.kicker, .adventure-showcase .kicker, .adventure-all, .adventure-caption small,
.adventure-caption b, .discovery-symbol, .discovery-arrow, .holo-intro h2 span {
  color: #b9ceff;
}

.adventure-caption h3 { color: var(--pollo-ivory); }
.adventure-card, .discovery-nav, .holo-display { border-color: #a9aaa459; }
.adventure-card:hover { border-color: #b9ceff; box-shadow: 0 12px 32px #0004; }
.holo-display { background: linear-gradient(140deg, #183369, var(--pollo-navy) 70%); }
.holo-tabs button[aria-pressed=true] {
  background: var(--pollo-cobalt);
  border-color: #b9ceff;
  color: white;
}

footer { background: #0c1523; border-color: #a9aaa459; }

:where(a, button, summary, input, select, textarea, canvas):focus-visible {
  outline: 2px solid var(--pollo-ivory);
  outline-offset: 4px;
}

@media (max-width: 760px) {
  .hero h1 { font-size: clamp(48px, 15vw, 88px); }
  .nav .brand { gap: 8px; }
}