/*
 * ── Logo-Matched Theme Override ──────────────────────────────
 * Load AFTER main.css. Overrides accent tokens and gradient
 * definitions to match the SignaVision logo palette:
 *   teal  #00c9a7  →  cobalt  #3b8ef3
 * Background layers remain the same deep purple-black.
 * ─────────────────────────────────────────────────────────────
 */

/* ── Token overrides ──────────────────────────────────────── */
:root {
  --accent:  #00c9a7;   /* teal  (logo primary)   */
  --accent2: #3b8ef3;   /* cobalt (logo secondary) */
}

/* ── Tailwind arbitrary value replacements ───────────────── */
/* accent blue #4f7fff → teal #00c9a7 */
/* accent violet #8b5cf6 → cobalt #3b8ef3 */

/* ── Text gradient ────────────────────────────────────────── */
.text-gradient {
  background: linear-gradient(135deg, #00c9a7, #3b8ef3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Buttons — keep original blue→violet ─────────── */
.btn-primary {
  background: linear-gradient(135deg, #4f7fff, #8b5cf6);
}
.btn-primary:hover {
  box-shadow: 0 8px 32px rgba(79, 127, 255, 0.3), 0 4px 16px rgba(139, 92, 246, 0.2);
}

.btn-ghost::before {
  background: linear-gradient(135deg, #4f7fff, #8b5cf6);
}
.btn-ghost:hover {
  box-shadow: 0 4px 20px rgba(79, 127, 255, 0.15), 0 2px 8px rgba(139, 92, 246, 0.1);
}

/* ── Pill ────────────────────────────────────────────────── */
.pill {
  border-color: rgba(0, 201, 167, 0.25);
  background: rgba(0, 201, 167, 0.06);
}
.pill-dot {
  background: #00c9a7;
  box-shadow: 0 0 6px #00c9a7;
}

/* ── Nav active / hover states ───────────────────────────── */
.nav-link:hover,
.nav-link.active {
  color: #00c9a7;
}

/* ── Global link hover — teal ────────────────────────────── */
a:not(.btn-primary):not(.btn-ghost):hover {
  color: #00c9a7;
}

/* ── Section label accent text ───────────────────────────── */
/* Overrides the small uppercase tracking labels (text-[#4f7fff]) */
/* These are inline tailwind so we target them via the signal-line
   and orb colors instead. */

/* ── Orbs ────────────────────────────────────────────────── */
.orb-blue {
  background: radial-gradient(circle, rgba(0, 201, 167, 0.15) 0%, transparent 70%);
}
.orb-violet {
  background: radial-gradient(circle, rgba(59, 142, 243, 0.12) 0%, transparent 70%);
}

/* ── Signal line ─────────────────────────────────────────── */
.signal-line {
  background: linear-gradient(90deg, transparent, #00c9a7, transparent);
}

/* ── Section divider ─────────────────────────────────────── */
.section-divider {
  border-top: 1px solid rgba(0, 201, 167, 0.1);
}

/* ── Card glow ───────────────────────────────────────────── */
.card-glow::before {
  background: radial-gradient(circle at 50% 0%, rgba(0, 201, 167, 0.06) 0%, transparent 60%);
}

/* ── Scrollbar ───────────────────────────────────────────── */
::-webkit-scrollbar-thumb {
  background: rgba(0, 201, 167, 0.3);
}


.sh-11 {
    height: 12rem !important;
}


.imgdiagram {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}