/* =====================================================
   SN BRAND – VUEXY LANDING PAGE OVERRIDE (ALL IN ONE)
   Logo Reference: S (Black) + N (Teal)
   ===================================================== */

/* ===============================
   BRAND COLOR TOKENS
   =============================== */
:root {
  --sn-primary: #0AA3B5;        /* Logo teal (N) */
  --sn-primary-dark: #078A9A;   /* Hover / active */
  --sn-primary-soft: #E6F6F8;   /* Soft background */
  --sn-black: #000000;
  --sn-white: #FFFFFF;
}

/* ===============================
   BOOTSTRAP / VUEXY CORE OVERRIDE
   =============================== */
:root {
  --bs-primary: var(--sn-primary);
  --bs-primary-rgb: 10, 163, 181;

  --bs-link-color: var(--sn-primary);
  --bs-link-hover-color: var(--sn-primary-dark);

  --bs-focus-ring-color: rgba(10, 163, 181, 0.25);
}

/* ===============================
   BUTTONS
   =============================== */
.btn-primary {
  background-color: var(--sn-primary);
  border-color: var(--sn-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--sn-primary-dark);
  border-color: var(--sn-primary-dark);
}

/* ===============================
   NAVBAR (LANDING)
   =============================== */
.landing-navbar .nav-link {
  color: #444;
  font-weight: 500;
}

.landing-navbar .nav-link:hover,
.landing-navbar .nav-link.active {
  color: var(--sn-primary);
}

/* ===============================
   HERO SECTION
   =============================== */
#landingHero {
  background:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url('../images/backgroundserver.png') center center / cover no-repeat;
}

#landingHero .hero-title,
#landingHero h1 span {
  color: var(--sn-primary);
}

#landingHero p,
#landingHero h2 {
  color: var(--sn-white);
}

/* ===============================
   FEATURES / SERVICES
   =============================== */
.features-icon-box img,
.features-icon-box i,
.landing-features .text-primary {
  color: var(--sn-primary);
}

/* ===============================
   TESTIMONIALS
   =============================== */
.text-warning i,
.ti-star-filled {
  color: var(--sn-primary);
}

/* ===============================
   TEAM / LEADERSHIP
   =============================== */
.landing-team .card {
  border-color: var(--sn-primary-soft);
}

.landing-team .card-title {
  color: var(--sn-black);
}

/* ===============================
   SOFT BACKGROUND SECTIONS
   =============================== */
.bg-label-primary,
.bg-primary-soft {
  background-color: var(--sn-primary-soft) !important;
  color: var(--sn-primary) !important;
}

/* ===============================
   FOOTER
   =============================== */
.landing-footer a:hover {
  color: var(--sn-primary);
}