/* ============================================================
   SHARED NAV — included by every page
   Source of truth for tokens, nav, btn, and footer styles.
   ============================================================ */

:root {
  --paper:   #FFFFFF;
  --paper-2: #F4F3F1;
  --ink:     #1A1916;
  --ink-2:   #57564F;
  --ink-3:   #8E8D85;
  --accent:  #E24866;
  --green:   #2E8B23;
  --line-2:  rgba(26,25,22,.20);
  --sans:    'Schibsted Grotesk', sans-serif;
  --mono:    'JetBrains Mono', monospace;
  --gut:     clamp(20px, 5vw, 80px);
  --nav-h:   81px;
  --ease:    cubic-bezier(.22,1,.36,1);
}

/* ── Nav ── */
.nav {
  position: sticky; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px var(--gut);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.brand-logo { height: 53px; width: auto; display: block; }
.nav-r { display: flex; align-items: center; gap: clamp(18px,2.4vw,34px); }
.nav-link {
  font-size: 15px; font-weight: 500; color: var(--ink-2);
  text-decoration: none; transition: color .16s;
}
.nav-link:hover { color: var(--ink); }
.nav-link.active { color: var(--accent); font-weight: 500; }

/* ── Shared button ── */
.btn {
  display: inline-flex; align-items: center; gap: 9px;
  border-radius: 999px; font-size: 15.5px; font-weight: 600;
  padding: 16px 28px; transition: .22s var(--ease);
  text-decoration: none; border: none; cursor: pointer;
}
.btn-green { background: #2E8B23; color: #fff; font-weight: 700; }
.btn-green:hover { background: #256f1c; }
.nav-cta { padding: 10px 18px; font-size: 14px; }