/**
 * THEME BLUE'DREAM — noir + bleu + blanc
 */
:root {
  --bd-blue: #2563eb;
  --bd-blue-light: #60a5fa;
  --bd-blue-soft: #93c5fd;
  --bd-blue-dark: #1d4ed8;
  --bd-blue-deep: #1e3a8a;

  --accent: var(--bd-blue);
  --accent-dark: var(--bd-blue-dark);
  --accent-light: var(--bd-blue-light);
  --accent-soft: var(--bd-blue-soft);

  --bg: #000000;
  --bg-elevated: #07070b;
  --bg-page: #050508;
  --bg-card: #0a0a10;

  --text: #ffffff;
  --text-muted: #ffffffad;

  --gradient-nolimit: linear-gradient(135deg, #ffffff 0%, var(--bd-blue-light) 45%, var(--bd-blue) 100%);

  --accent-a14: rgba(37, 99, 235, 0.08);
  --accent-a1f: rgba(37, 99, 235, 0.12);
  --accent-a22: rgba(37, 99, 235, 0.13);
  --accent-a33: rgba(37, 99, 235, 0.2);
  --accent-a44: rgba(37, 99, 235, 0.27);
  --accent-a4d: rgba(37, 99, 235, 0.3);
  --accent-a55: rgba(37, 99, 235, 0.33);
  --accent-a59: rgba(37, 99, 235, 0.35);
  --accent-a66: rgba(37, 99, 235, 0.4);
  --accent-a73: rgba(37, 99, 235, 0.45);
  --accent-a80: rgba(37, 99, 235, 0.5);
  --accent-a99: rgba(37, 99, 235, 0.6);
  --accent-acc: rgba(37, 99, 235, 0.8);
}

body {
  background: var(--bg, #000000);
  color: var(--text, #ffffff);
}

.landing {
  background: var(--bg);
}

.overlay {
  background: linear-gradient(
    180deg,
    rgba(37, 99, 235, 0.14) 0%,
    rgba(0, 0, 0, 0.65) 45%,
    rgba(0, 0, 0, 0.85) 100%
  ) !important;
}

.hero-title {
  background: var(--gradient-nolimit);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 18px rgba(37, 99, 235, 0.45));
}

.hero-sub {
  color: rgba(255, 255, 255, 0.88) !important;
}

.join-btn {
  border-color: var(--bd-blue-light) !important;
  color: var(--text) !important;
  box-shadow: 0 0 24px rgba(37, 99, 235, 0.35);
}

.join-btn::before {
  background: linear-gradient(135deg, var(--bd-blue) 0%, var(--bd-blue-dark) 100%) !important;
}

.join-btn:hover {
  color: #fff !important;
  box-shadow: 0 10px 32px rgba(37, 99, 235, 0.45) !important;
}

.navbar-menu li a.active,
.navbar-menu li a:hover {
  color: var(--bd-blue-light) !important;
}

.nav-indicator {
  background: linear-gradient(90deg, var(--bd-blue), var(--bd-blue-light)) !important;
  box-shadow: 0 0 15px rgba(37, 99, 235, 0.6), 0 0 8px rgba(255, 255, 255, 0.15) !important;
}

.player-icon {
  color: var(--bd-blue-light) !important;
}

.navbar-admin--connected {
  color: var(--bd-blue-soft) !important;
  border-color: var(--accent-a44) !important;
  background: var(--accent-a22) !important;
}

.logo-img {
  filter: drop-shadow(0 0 10px rgba(37, 99, 235, 0.45));
}

.checkout-btn,
.cart-trigger,
.auth-btn,
.buy-btn,
.modal-submit {
  background: linear-gradient(135deg, var(--bd-blue) 0%, var(--bd-blue-dark) 100%) !important;
}

.boutique-header h1,
.faq-header h2 {
  background: var(--gradient-nolimit) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--bd-blue-dark), var(--bd-blue)) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bd-blue-light) !important;
}