/* -------------------------
   Base
-------------------------- */
body {
  font-family: "Manrope", system-ui, sans-serif;
  background-color: #f9fafb;
  color: #1e1e1e;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: -0.015em;
}

p {
  margin-bottom: 1rem;
}

/* -------------------------
   Colour Palette
-------------------------- */
:root {
  --ef-blue: #2563eb;
  /* softened electrician blue */
  --ef-blue-dark: #1e4fd3;
  --ef-yellow: #facc15;
  /* warm electrician yellow */
  --ef-bg-light: #f9fafb;
  --ef-text-dark: #1e1e1e;
  --ef-text-muted: #6b7280;
}

:root {
  --bs-border-radius: 0.75rem;
  /* round tables a bit */
}


/* -------------------------
   Navbar
-------------------------- */
.ef-navbar-bg {
  background: linear-gradient(180deg, var(--ef-blue) 0%, var(--ef-blue-dark) 100%);
}

.ef-navbar {
  color: white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ef-navbar .navbar-brand {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.ef-navbar .navbar-brand {
  color: var(--ef-yellow);
  font-weight: 700;
  letter-spacing: -0.015em;
  font-size: 1.5rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ef-navbar .navbar-brand:hover {
  color: #fcd34d;
  /* slightly brighter yellow hover */
}

/* Navbar links */
.ef-navbar .nav-link {
  color: rgba(255, 255, 255, 0.85);
  /* soft white */
  font-weight: 500;
  margin: 0 0.75rem;
  transition: color 0.25s ease, transform 0.2s ease;
  text-decoration: none;
}

.ef-navbar .nav-link:hover,
.ef-navbar .nav-link:focus {
  color: var(--ef-yellow);
  /* warm accent on hover */
  transform: translateY(-1px);
}

/* -------------------------
   Footer
-------------------------- */
footer.footer,
footer {
  background-color: #f3f4f6;
  color: var(--ef-text-muted);
  font-size: 0.9rem;
  padding: 2.5rem 1rem;
}

footer a {
  color: var(--ef-blue);
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/* -------------------------
   Utilities
-------------------------- */
.text-primary {
  color: var(--ef-blue) !important;
}