:root {
  --navy:      #0D1B2A;
  --offwhite:  #F7F4EE;
  --teal:      #2A7F7F;
  --paper:     #C8B89A;
  --coral:     #E07B54;
  --mid-navy:  #1A3048;
  --pale-teal: #E8F4F4;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Serif 4', Georgia, serif;
  --font-mono:    'JetBrains Mono', monospace;
}

/* ── Base ─────────────────────────────────────────────────── */

body {
  font-family: var(--font-body);
  background-color: var(--offwhite);
  color: var(--navy);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  letter-spacing: -0.01em;
}

a {
  color: var(--teal);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

/* ── Navbar ───────────────────────────────────────────────── */

.navbar {
  background-color: var(--navy) !important;
  border-bottom: 1px solid rgba(200, 184, 154, 0.2);
  padding: 0.75rem 1.5rem;
}

.navbar-brand {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--offwhite) !important;
}

.navbar .nav-link {
  color: var(--paper) !important;
  font-size: 1rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-family: var(--font-mono);
  font-weight: 300;
  transition: color 0.2s ease;
  border-bottom: none;
}

.navbar .nav-link:active,
.navbar .nav-link.active,
.navbar .nav-link.show {
  color: var(--offwhite) !important;
  border-bottom: 2px solid #1d5e5e;
}

/* ── Hero (home page) ─────────────────────────────────────── */


/* ── Footer ───────────────────────────────────────────────── */

.nav-footer {
  background-color: var(--navy) !important;
  color: var(--paper);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  padding: 1.5rem 2rem;
  border-top: 1px solid rgba(200, 184, 154, 0.15);
}

.nav-footer a {
  color: var(--paper);
  border-bottom: none;
}

.nav-footer a:hover {
  color: var(--offwhite);
  border-bottom: none;
}

/* ── Metadata tags ────────────────────────────────────────── */

.rr-tag {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--pale-teal);
  color: var(--teal);
  padding: 0.2rem 0.55rem;
  margin: 0.15rem;
}

/* ── Responsive ───────────────────────────────────────────── */

@media (max-width: 768px) {
  .rr-hero { padding: 4rem 1.25rem 3rem; }
  .rr-hero-stats { gap: 1.5rem; }
  .rr-section { padding: 3rem 1.25rem; }
  .rr-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
}