/* brand-colors.css — brand color palette matching logo gradient */
:root{
  --brand-start: #6a11cb; /* purple */
  --brand-end: #2575fc;   /* blue */
  --brand-accent: #ffd166; /* warm accent for hover */
  --brand-muted: #9fb0d6;
  --brand-dark: #081028; /* deeper header */
}

/* Ensure this file overrides other styles for key elements */
header.transparent { z-index: 10000; }
#mainmenu, header.transparent, .de-flex { position: relative; z-index: 10000; }

/* Primary buttons — force brand gradient */
.btn-main {
  background: linear-gradient(90deg,var(--brand-start),var(--brand-end)) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  color: #fff !important;
}
.btn-main span{ color:#fff !important }
.btn-main:hover{ filter:brightness(1.03) !important; box-shadow:0 6px 22px rgba(37,117,252,0.18) !important }

/* Links and nav — stronger specificity */
#mainmenu > li > a.menu-item { color: #ffffff !important; font-weight:600 !important }
#mainmenu > li > a.menu-item:hover, #mainmenu > li > a.menu-item:focus{ color: var(--brand-accent) !important; }

/* Active / highlight */
#mainmenu a.active, #mainmenu li:hover > a.menu-item { color: var(--brand-accent) !important; font-weight:700 !important }

/* Headings */
/* keep headings readable — prefer white or subtle accent */
h1 { color: #ffffff !important }
h2, h3 { color: #e6eefc !important }

/* Accent bars / borders */
.section-accent { border-top: 4px solid var(--brand-end) !important; }
.card.bg-dark-2 { border: 1px solid rgba(255,255,255,0.03) !important; }
.card .h4 { color: #ffffff !important }

/* Footer accent */
footer.bg-dark { background: linear-gradient(90deg, rgba(10,12,28,0.95), rgba(6,10,24,0.95)) !important; }
footer p { color: var(--brand-muted) !important }

/* Dropdown accent */
#mainmenu li > ul li a:hover{ color: var(--brand-accent) !important; background: rgba(255,255,255,0.02) !important }

/* Make contact button standout on small screens */
@media (max-width:991px){
  .btn-main { background: linear-gradient(90deg,var(--brand-start),var(--brand-end)) !important; }
}

/* Utility: add subtle brand underline for active headers */
.h1-underline::after{ content:''; display:block; height:4px; width:64px; background: linear-gradient(90deg,var(--brand-start),var(--brand-end)); margin-top:10px; border-radius:4px }