/* ChimeraHub deploy overlay: survives upstream app rebuilds via nginx injection. */
:root {
  --primary: 166 78% 38%;
  --ring: 166 78% 38%;
  --shell-sidebar-border: hsl(166 78% 38% / 0.30);
  --nav-indicator-bg: linear-gradient(180deg, hsl(166 78% 48%), hsl(194 90% 54%));
  --nav-indicator-shadow: hsl(166 78% 44% / 0.46);
  --nav-brand-shadow: hsl(166 78% 38% / 0.28);
  --login-brand-start: hsl(166 72% 34%);
  --login-brand-end: hsl(194 88% 48%);
  --login-brand-button-start: hsl(166 74% 40%);
  --login-brand-button-end: hsl(194 78% 44%);
  --login-brand-button-start-hover: hsl(166 78% 36%);
  --login-brand-button-end-hover: hsl(194 82% 40%);
  --login-accent-glow: hsl(166 78% 42% / 0.20);
}
.dark {
  --primary: 166 82% 48%;
  --background: 222 48% 5%;
  --card: 220 34% 9%;
  --elevated: 220 32% 11%;
  --hover: 220 28% 15%;
  --border: 220 23% 21%;
  --login-bg-main: hsl(222 48% 5%);
  --login-bg-card: hsl(220 38% 8% / 0.82);
  --login-accent-soft: hsl(166 82% 48% / 0.10);
  --login-accent-border: hsl(166 82% 48% / 0.28);
  --login-accent-text: hsl(166 88% 72%);
}
html::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 12% 8%, hsl(166 82% 44% / 0.12), transparent 34rem),
    radial-gradient(circle at 88% 14%, hsl(194 88% 52% / 0.10), transparent 32rem),
    linear-gradient(135deg, hsl(166 50% 24% / 0.045), transparent 42%);
}
body, #root { position: relative; }
.chimera-brand-mark {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  letter-spacing: -0.02em;
}
.chimera-brand-mark::before {
  content: "";
  width: .58rem;
  height: .58rem;
  border-radius: 999px;
  background: linear-gradient(135deg, hsl(166 84% 52%), hsl(194 92% 56%));
  box-shadow: 0 0 22px hsl(166 84% 52% / .55);
}
[data-chimera-tag] {
  color: hsl(166 82% 66%) !important;
}
header.sticky {
  box-shadow: 0 10px 30px hsl(220 36% 4% / 0.10);
}
.bg-primary-gradient,
[class*="bg-primary-gradient"] {
  background: linear-gradient(135deg, hsl(166 76% 42%), hsl(194 82% 48%)) !important;
}
button, a { transition-duration: 180ms !important; }
@media (prefers-reduced-motion: no-preference) {
  .chimera-brand-mark::before { animation: chimeraPulse 3.8s ease-in-out infinite; }
  @keyframes chimeraPulse {
    0%, 100% { transform: scale(.92); opacity: .75; }
    50% { transform: scale(1.08); opacity: 1; }
  }
}