@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* ---------- Fonts ---------- */
body, p, li, td, label, input, select, .body-container, .sfc-disclosure {
  font-family: 'Inter', system-ui, sans-serif !important;
}
h1, h2, h3, h4, .sfc-results-heading {
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important;
  font-weight: 700 !important; color: #0C2A66 !important; letter-spacing: .01em;
}

/* ---------- Top nav bar: gold -> navy ---------- */
nav#main.navbar, .navbar-default, nav#main .navbar-collapse {
  background-color: #0C2A66 !important; border-color: #0C2A66 !important;
}
nav#main .navbar-nav > li > a, nav#main a, nav#main .navbar-toggle .icon-bar { color: #F8F6F1 !important; }
nav#main .navbar-nav > li > a:hover, nav#main a:hover { color: #C9A84C !important; }
.back-to-top { background-color: #0C2A66 !important; color: #F8F6F1 !important; }

/* ---------- Body links -> gold ---------- */
.body-container a:not(.btn):not(.submit):not(.button) { color: #C9A84C !important; }
.body-container a:not(.btn):not(.submit):not(.button):hover { color: #B89638 !important; }

/* ---------- Buttons / CTAs -> Champion neon-navy button ---------- */
input.submit, input[type="submit"], .btn, .button, a.btn, button.submit, button[type="submit"] {
  background-color: #0C2A66 !important; color: #F8F6F1 !important; border: none !important;
  border-radius: 3px !important; padding: 14px 34px !important;
  font-family: 'Barlow Condensed', sans-serif !important; font-weight: 600 !important;
  font-size: 15px !important; letter-spacing: .15em !important; text-transform: uppercase !important;
  transition: color .3s, text-shadow .3s !important;
}
input.submit:hover, input[type="submit"]:hover, .btn:hover, .button:hover, a.btn:hover, button.submit:hover, button[type="submit"]:hover {
  background-color: #0C2A66 !important; color: #FFF176 !important;
  text-shadow: 0 0 6px rgba(255,241,118,1), 0 0 12px rgba(255,241,118,.8),
               0 0 28px rgba(255,241,118,.5), 0 0 48px rgba(255,241,118,.2) !important;
}

/* ---------- College Savings inner elements (green -> navy/gold) ---------- */
.sfc-highlight-card { background: #0C2A66 !important; background-image: none !important; }
.sfc-highlight-card, .sfc-highlight-card * { color: #FFFFFF !important; }
.sfc-slider::-webkit-slider-thumb { background: #C9A84C !important; }
.sfc-slider::-moz-range-thumb { background: #C9A84C !important; }
.sfc-breakdown-value.sfc-surplus { color: #0C2A66 !important; }
.sfc-explanation-text { border-left-color: #C9A84C !important; }