/* Shared visual language for the public Bloney Bears journey. */
:root {
  --bg: #09090d;
  --bg-card: #131318;
  --bg-elevated: #1b1a20;
  --bg-pill: #19181d;
  --border: rgba(247, 243, 238, 0.12);
  --border-md: rgba(247, 243, 238, 0.2);
  --border-coral: rgba(244, 168, 81, 0.42);
  --border-teal: rgba(147, 213, 204, 0.32);
  --coral: #f4a851;
  --coral-2: #d7873a;
  --amber: #f4a851;
  --teal: #93d5cc;
  --purple: #bea9e8;
  --green: #a8d78f;
  --text-1: #f7f3ee;
  --text-2: rgba(247, 243, 238, 0.72);
  --text-3: rgba(247, 243, 238, 0.5);
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --font-display: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
}

body {
  background: var(--bg);
  background-image: radial-gradient(circle at 80% -10%, rgba(244, 168, 81, 0.11), transparent 31%);
  color: var(--text-1);
}

a { color: var(--amber); }
a:hover { color: #ffcf95; }

.showcase-kicker {
  margin: 0 0 1rem;
  color: var(--amber) !important;
  font: 700 0.68rem var(--font-mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.showcase-text-link {
  display: inline-flex;
  margin-top: 1.5rem;
  color: var(--amber);
  font-weight: 700;
}

.bbw-topbar,
.bbw-topbar.scrolled {
  background: rgba(9, 9, 13, 0.78);
  border-bottom-color: rgba(247, 243, 238, 0.1);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.topbar-brand-mark { border-radius: var(--r-sm); color: var(--amber); }
.topbar-brand-accent, .topbar-blodate-label { color: var(--amber) !important; }
.topbar-nav-link { border-radius: var(--r-sm); }
.topbar-nav-link.is-active { color: var(--amber); }
.topbar-wallet-btn { border-radius: var(--r-sm); border-color: rgba(244, 168, 81, 0.42); color: var(--text-1); }
.topbar-wallet-btn:hover { background: rgba(244, 168, 81, 0.12); border-color: var(--amber); }
.topbar-wallet-btn.connected { border-color: var(--teal); color: var(--teal); }

.newsletter-band { background: #111015; border-block-color: rgba(247, 243, 238, 0.1); }
.bbw-footer { background: #09090d; border-top-color: rgba(247, 243, 238, 0.1); }
.footer-social, .footer-links a { color: var(--text-2); }
.footer-social:hover, .footer-links a:hover { color: var(--amber); }

.bp-page, .civ-page { background: var(--bg); }
.bp-page-gate { display: none; }

@media (prefers-reduced-motion: reduce) {
  .market-bear-card:hover .market-bear-portrait img,
  .civ-expression:hover img,
  .bp-hero-image-wrap:hover .bp-hero-image { transform: none; }
}