/* ═══════════════════════════════════════════════════════════════
   Git-X theme — EXACT Power AI colors + cinematic video background
   Aggressive overrides to beat GitLab's own CSS.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --background: hsl(260 87% 3%);
  --foreground: hsl(40 6% 95%);
  --hero-sub: hsl(40 6% 82%);
  --gx-grad: linear-gradient(to left, #6366f1, #a855f7, #fcd34d);
}

/* Override GitLab design tokens so ALL text becomes warm off-white */
:root {
  --gl-text-color: hsl(40 6% 95%) !important;
  --gl-text-color-strong: hsl(40 6% 95%) !important;
  --gl-text-color-subtle: hsl(40 6% 82%) !important;
  --gl-text-color-heading: hsl(40 6% 95%) !important;
  --gl-text-color-link: #6366f1 !important;
  --gl-background-color-default: transparent !important;
  --gl-background-color-strong: transparent !important;
}

/* Fallback dark on html; body transparent so video shows through */
html { background: hsl(260 87% 3%) !important; }
body { background: transparent !important; }

/* Cinematic video (injected) — behind everything */
#gx-cinematic {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  object-fit: cover;
  z-index: -1;
  opacity: 0.55;
  pointer-events: none;
}

/* Force transparency on GitLab's opaque wrappers so video shows */
body, main, .application, .wrapper, .page-wrap,
#content-body, .gl-dark, .gl-light,
.login-page, .new-session, .qa-login-page,
[class*="login"], [class*="sign-in"],
.navbar, .top-bar, .super-sidebar {
  background: transparent !important;
}

/* Force exact warm off-white text */
body, main, div, span, p, label, h1, h2, h3, a, li,
.form-text, [class*="description"], [class*="title"],
.gl-button, .btn {
  color: hsl(40 6% 95%) !important;
}
/* subtle/secondary text */
[class*="subtle"], [class*="muted"], [class*="secondary"] {
  color: hsl(40 6% 82%) !important;
}

/* Gradient links */
a, .gl-link { color: #6366f1 !important; }
a:hover, .gl-link:hover {
  background-image: var(--gx-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Gradient primary buttons */
.btn-confirm, .gl-button.btn-confirm, .btn-primary,
input[type="submit"], button[type="submit"] {
  background: var(--gx-grad) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 20px rgba(168, 85, 247, 0.35) !important;
}

/* Glass on cards/panels */
.gl-card, .gl-card-body, .card, .panel, .project-row, .group-row {
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

/* Hide ALL GitLab branding */
.navbar-brand, .tanuki-logo, .header-logo, .gl-header-logo,
.js-tanuki-logo, .gl-tanuki, img[src*="gitlab-logo"], img[src*="tanuki"],
svg[data-testid="tanuki-logo"], [aria-label="GitLab"],
.gl-super-sidebar-logo, .super-sidebar-logo,
.footer, .footer-logo, a[href*="about.gitlab"],
a[href*="gitlab.com/community"], .about-gitlab, .gitlab-footer {
  display: none !important;
  visibility: hidden !important;
}

/* code blocks readable */
pre, code, .file-content, .blob-content {
  background-color: #0d0316 !important;
  color: #e5e0d8 !important;
}