/* =========================================================
   THE VISION ACADEMY — Global Theme (Navy + Gold)
   Logo colours: Navy #0B1A3A, Deep Navy #070F24, Gold #D4AF37
   ========================================================= */
:root {
  --va-navy: #0B1A3A;
  --va-navy-deep: #070F24;
  --va-gold: #D4AF37;
  --va-gold-dark: #B8952B;
  --va-cream: #F3E9CC;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Poppins', system-ui, sans-serif !important;
  background: #FBF8F1;
  -webkit-font-smoothing: antialiased;
}

/* Header: premium navy bar with gold underline */
header.sticky, header.w-full {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(10px);
  border-bottom: 2px solid var(--va-gold) !important;
}

/* Gold gradient text helper */
.va-gold-text {
  background: linear-gradient(90deg, #B8952B, #F1D77A, #D4AF37);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Gradient headline that used to be green → now navy→gold */
.bg-clip-text.bg-gradient-to-r {
  background-image: linear-gradient(90deg, var(--va-navy), var(--va-gold)) !important;
}

/* Footer: deep navy with gold top border */
footer.bg-\[\#0B1A3A\] {
  background: linear-gradient(180deg, var(--va-navy) 0%, var(--va-navy-deep) 100%) !important;
}

/* Cards get a soft gold hover glow */
.rounded-3xl.shadow-xl:hover,
.rounded-2xl.shadow-md:hover {
  box-shadow: 0 18px 40px -18px rgba(212, 175, 55, 0.45);
}

/* Logo images are circular badges now */
img[src="logo.png"] { border-radius: 9999px; }

/* Buttons: subtle lift */
button, a { -webkit-tap-highlight-color: transparent; }

/* Thin gold scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--va-gold); border-radius: 8px; }
::-webkit-scrollbar-track { background: #f1ede2; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }