:root {
  
  --we-text-rgb: 51, 65, 85;
  --we-bg: #091121;
  --we-header-bg: #091121;
  --we-header-text: var(--we-accent);
  --we-header-span: var(--we-white-rgb);

  --we-accent: #279ae4;
  --we-accent-hover: #0d47a1;
  --we-accent-soft: rgba(21, 101, 192, 0.08);
  --we-accent-rgb: 9, 17, 33;

  --we-secondary: #F4B20B;
  --we-secondary-hover: #b68d10;
  --we-secondary-soft: rgba(196, 138, 0, 0.12);
  --we-secondary-rgb: 196, 138, 0;

  --we-link: var(--we-accent);
  --we-link-hover: var(--we-secondary);

  --we-nav-dropdown-bg-hover: var(--we-secondary);
  --we-nav-dropdown-hover: var(--we-white);

  --we-on-accent: #ffffff;
  --we-on-secondary: #ffffff;
  --we-on-dark: #ffffff;
  --we-on-light: #111111;

  --we-border: rgba(15, 23, 42, 0.10);
  --we-shadow-soft: 0 4px 18px rgba(15, 23, 42, 0.06);

  --we-footer-content: var(--we-accent);
  --we-footer-content-rgb: var(--we-secondary-rgb);
  --we-footer-legal: var(--we-header-bg);
  --we-footer-legal-rgb: var(--we-accent-rgb);
  --we-nav-hover-underline: var(--we-secondary);
}
.chain-item {
  background: var(--we-surface) !important;
  color: var(--we-text) !important;
  border-color: var(--we-border) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.chain-item:hover {
  background: rgba(var(--we-gray-rgb), 0.05) !important;
  border-color: rgba(var(--we-gray-rgb), 0.20) !important;
  color: var(--we-black) !important;
}

.chain-item.active,
.chain-item.is-active {
  background: rgba(var(--we-gray-rgb), 0.10) !important;
  color: var(--we-black) !important;
}

.chain-time {
  color: var(--we-gray);
}
.chain-video-id {
  color: var(--we-gray);
}
.chain-arrow {
  color: var(--we-gray);
}