:root {
  --color-primary-dark: #1d2e4f;     /* For dark backgrounds */
  --color-primary-blue: #151787;    /* Used in gradients */
  --color-secondary-blue: #1a1f60;  /* Gradient bottom */
  --color-accent-gold: #e5c066;     /* Highlight / heading text */
  --color-accent-blue: #007bff;     /* Link hover */
  --color-link-blue: #0984e3;       /* Email / CTA */
  --color-bg-light: #fdfaf5;        /* Section backgrounds */
  --color-text-main: #ffffff;       /* General text */
  --color-text-dark: #2c2c2c;       /* Optional for light sections */
  --color-shadow: rgba(0, 0, 0, 0.08);
  --border-radius: 12px;
  --container-max-width: 1140px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(to bottom, var(--color-primary-blue), var(--color-secondary-blue));
  min-height: 100vh;
  line-height: 1.6;
}

.container {
  background: var(--color-bg-light);
  border-radius: var(--border-radius);
  box-shadow: 0 0 20px var(--color-shadow);
  max-width: var(--container-max-width);
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.logo {
  max-width: 150px;
  margin-bottom: 20px;
}

h1 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: var(--color-accent-gold);
}

p {
  font-size: 1.1rem;
  color: var(--color-text-dark);
  margin-bottom: 20px;
}

.email {
  font-size: 0.95rem;
  color: var(--color-link-blue);
}

.navbar {
  background-color: var(--color-accent-gold);
  border-radius: var(--border-radius);
  box-shadow: 0 0 20px var(--color-shadow);
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.navbar .nav-link {
  font-weight: 500;
  margin-left: 15px;
}

.navbar .nav-link:hover {
  color: var(--color-accent-blue);
}

.site-footer {
  background-color: var(--color-secondary-blue); /* or try a muted navy later */
  color: #fff;
  padding-left: 4em;
}

.site-footer p {
  color: #fff;
}

.site-footer a {
  color: white;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
  color: #e5c066;
}

.site-footer h5 {
  color: #e5c066;
  margin-bottom: 10px;
}