/**
 * Deu Rebote — Design system (preto e laranja)
 * Use estas variáveis para manter o padrão visual do canal em todo o site.
 */

:root {
  /* Fundos — preto */
  --dr-bg: #0a0a0a;
  --dr-surface: #171717;
  --dr-card: #262626;
  --dr-card-hover: #2c2c2c;

  /* Laranja — canal */
  --dr-primary: #ea580c;
  --dr-primary-hover: #c2410c;
  --dr-accent: #fb923c;

  /* Texto */
  --dr-text: #fafafa;
  --dr-text-muted: #a1a1aa;
  --dr-text-dim: #71717a;
}

body {
  background-color: var(--dr-bg);
  color: var(--dr-text);
}

/* Logo — glow + animações */
@keyframes logo-pulse {
  0%, 100% { filter: drop-shadow(0 0 6px #ea580c) drop-shadow(0 0 12px #ea580c88); }
  50%       { filter: drop-shadow(0 0 10px #fb923c) drop-shadow(0 0 22px #fb923c99); }
}

.logo-img {
  animation: logo-pulse 3s ease-in-out infinite;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.logo-link:hover .logo-img {
  transform: scale(1.08);
  filter: drop-shadow(0 0 14px #fb923c) drop-shadow(0 0 28px #ea580ccc) brightness(1.1);
  animation-play-state: paused;
}

/* Scrollbar laranja global */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--dr-surface); }
::-webkit-scrollbar-thumb { background: var(--dr-primary); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: var(--dr-accent); }
* { scrollbar-width: thin; scrollbar-color: var(--dr-primary) var(--dr-surface); }

/* Sidebar — scrollbar sempre visível */
#sidebar-global, #sidebar-drawer {
  scrollbar-gutter: stable;
  overflow-y: scroll !important;
}