/* 2026 visual refresh: brighter logo blues with restrained LLumar-red accents. */
:root {
  --navy: #153b66 !important;
  --blue: #1e6fa8 !important;
  --light: #eff7fc !important;
  --text: #17324a !important;
  --muted: #526b7d !important;
  --white: #ffffff !important;
  --gold: #1e6fa8 !important;
  --border: #cbddea !important;
  --llumar-red: #c9252c;
  --shadow: 0 12px 30px rgba(21, 59, 102, .10) !important;
  --shadow-lg: 0 18px 40px rgba(21, 59, 102, .16) !important;
}

body {
  color: var(--text) !important;
  background: #f8fbfe !important;
}

header,
.mobile-nav,
.nav-dropdown-menu {
  background: rgba(255, 255, 255, .98) !important;
  border-color: var(--border) !important;
}

.section-light,
.trustbar,
.form-fallback {
  background: var(--light) !important;
}

.card,
.hero-card,
.landing-card,
.mini-card,
.quote-form-box,
.contact-card,
.review-card {
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}

.btn,
button,
input[type="submit"] {
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.btn-primary,
.btn-soft,
.floating-email,
.floating-text,
.text-us,
button[type="submit"],
input[type="submit"] {
  background: #1e6fa8 !important;
  color: #ffffff !important;
  border-color: #1e6fa8 !important;
  box-shadow: 0 8px 20px rgba(30, 111, 168, .24) !important;
}

a.btn[href^="tel:"],
.mobile-call,
.call-us,
.header-call,
.call-now {
  background: var(--llumar-red) !important;
  color: #ffffff !important;
  border-color: var(--llumar-red) !important;
  box-shadow: 0 8px 20px rgba(201, 37, 44, .22) !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  filter: brightness(.96);
}

.btn-outline {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background: rgba(21, 59, 102, .22) !important;
}

.eyebrow,
.landing-copy .eyebrow,
.kicker,
.step-label {
  color: #1e6fa8 !important;
}

footer {
  background: #153b66 !important;
  color: #ffffff !important;
}

footer p,
footer a {
  color: #edf7ff !important;
}

nav a:hover,
.nav-dropbtn:hover,
footer a:hover {
  color: var(--llumar-red) !important;
}

::selection {
  background: #d9ecf8;
  color: #153b66;
}

*:focus-visible {
  outline: 3px solid rgba(201, 37, 44, .38) !important;
  outline-offset: 3px;
}
