:root {
  --navy:#0B1740;
  --navy-mid:#152255;
  --navy-light:#1E2F6E;
  --steel:#7A9ABF;
  --steel-light:#B8CDE0;
  --gold:#C9A84C;
  --gold-light:#E8C97A;
  --white:#F4F6FA;
  --white-pure:#FFFFFF;
  --grey:#8A94A6;
  --text-dim:#C2CCE0;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'DM Sans',sans-serif;
}

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

body {
  font-family: var(--font-body);
  background: var(--navy);
  color: var(--white);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3rem;
  background: rgba(11,23,64,0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(201,168,76,0.15);
}

footer {
  background: rgba(8,15,45,1);
  border-top: 1px solid rgba(201,168,76,0.1);
  padding: 2rem 3rem;
  text-align: center;
  font-size: 0.75rem;
  color: var(--grey);
}

@media (max-width: 768px) {
  nav { padding: 0 1.5rem; }
  footer { padding: 2rem 1.5rem; }
}