:root {
  /* Brand Palette */
  --brand-primary: #1F3A56;   /* Deep professional blue for headers/nav */
  --brand-accent: #2E86C1;    /* Accent blue for buttons/links */
  --brand-bg: #F7F9FC;        /* Soft background for sections/body */
  --brand-text: #1F2937;      /* Primary text color (dark slate) */
  --brand-muted: #64748B;     /* Muted text for secondary content */
  --brand-white: #FFFFFF;

  /* Bootstrap Theme Overrides */
  --bs-primary: var(--brand-accent);
  --bs-secondary: var(--brand-primary);
  --bs-light: var(--brand-bg);
  --bs-dark: #0F172A;
  --bs-body-bg: var(--brand-bg);
  --bs-body-color: var(--brand-text);
  --bs-link-color: var(--brand-accent);
  --bs-link-hover-color: #1B6FA3;
}

/* Global */
html, body {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Inter", Arial, sans-serif;
  line-height: 1.6;
  background-color: var(--brand-bg);
  color: var(--brand-text);
}

/* Navigation */
.navbar {
  background-color: var(--brand-white) !important;
  border-bottom: 1px solid rgba(31, 58, 86, 0.08);
}
.navbar .navbar-brand {
  color: var(--brand-primary) !important;
}
.navbar .nav-link {
  color: var(--brand-text) !important;
  transition: color 0.2s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--brand-accent) !important;
}

/* Hero */
.hero-section {
  min-height: 70vh;
  background: linear-gradient(135deg, rgba(31,58,86,0.75), rgba(46,134,193,0.65)), url('../images/LLND63R0TmKa.jpg') center/cover no-repeat;
  position: relative;
}
.hero-overlay { display:none; } /* already using gradient background */
.hero-title span { color: var(--brand-accent) !important; }

/* Buttons */
.btn-primary {
  background-color: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
}
.btn-primary:hover {
  background-color: #1B6FA3 !important;
  border-color: #1B6FA3 !important;
}
.btn-outline-light {
  color: var(--brand-white) !important;
  border-color: rgba(255,255,255,0.8) !important;
}
.btn-outline-light:hover {
  background-color: rgba(255,255,255,0.12) !important;
}

/* Links */
a { color: var(--brand-accent); text-decoration: none; }
a:hover { color: #1B6FA3; text-decoration: underline; }

/* Sections & Cards */
section { padding: 3rem 0; }
.card { border: 1px solid rgba(31,58,86,0.08); border-radius: 12px; }
.service-card .card-title { color: var(--brand-primary); }
.stat-item h2 { color: var(--brand-accent) !important; }

/* Footer */
footer, .bg-dark { background-color: var(--brand-primary) !important; }
footer p, footer a, footer .text-light { color: #E5E7EB !important; }

/* Forms */
.form-control, .form-select {
  border: 1px solid rgba(31,58,86,0.18);
  border-radius: 8px;
}
.form-control:focus, .form-select:focus {
  border-color: var(--brand-accent);
  box-shadow: 0 0 0 0.25rem rgba(46,134,193,0.25);
}
.is-invalid { border-color: #DC3545 !important; }
.is-valid { border-color: #198754 !important; }

/* Renovation Offers Page */
.offers-hero {
  background: linear-gradient(135deg, rgba(31,58,86,0.75), rgba(46,134,193,0.65));
  color: var(--brand-white);
  padding: 4rem 0;
}
.offer-card {
  background: var(--brand-white);
  border: 1px solid rgba(31,58,86,0.08);
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.offer-card h3 { color: var(--brand-primary); }
.offer-card .badge { background: rgba(46,134,193,0.1); color: var(--brand-accent); }

/* Utilities */
.text-primary { color: var(--brand-accent) !important; }
.bg-primary { background-color: var(--brand-accent) !important; }
.bg-light { background-color: var(--brand-bg) !important; }
.shadow-soft { box-shadow: 0 10px 25px rgba(0,0,0,0.06); }