@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --ink: #1a2a28;
  --ink-soft: #3d4f4c;
  --paper: #f5f0e8;
  --paper-warm: #ebe4d6;
  --green: #2d4a3e;
  --green-mid: #4a7c6f;
  --green-soft: #7fb5a8;
  --terracotta: #c4603a;
  --terracotta-soft: #e8a080;
  --line: #d4ccb9;

  /* dataDesk brand */
  --blue-deep: #0d1f3c;
  --blue-mid: #1a3a6b;
  --blue-soft: #2e5fa3;
  --blue-accent: #4a90d9;
  --white: #ffffff;
  --off-white: #f0f4f8;
}

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

body {
  font-family: 'DM Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ===== SHARED NAV ===== */
.site-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 3rem;
  background: rgba(13, 31, 60, 0.95);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(74, 144, 217, 0.15);
}

.nav-brand {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--white);
  text-decoration: none;
}

.nav-brand span {
  color: var(--blue-accent);
}

.nav-links {
  display: flex;
  gap: 2.5rem;
  list-style: none;
}

.nav-links a {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  transition: color 0.2s;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--white);
}