:root {
  --layout-margin-left: clamp(32px, 4.2vw, 80px);
  --layout-gap: clamp(10px, 1vw, 20px);

  --nav-index-columns: 1.2fr 2fr 1fr 1fr;

  --project-col-text: 3fr;
  --project-col-photo: 3.5fr;
  --project-col-drawing: 3.4fr;
}

/* =========================================================
   LINKS — TYPE-BASED
========================================================= */

/* 1. Alles eerst neutraal */
a,
a:link,
a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}

/* 2. EXTERNE links (http/https) */
a[href^="http"] {
  border-bottom: 1px solid rgba(0,0,0,0.4);
}

/* 3. MAIL links */
a[href^="mailto:"] {
  border-bottom: 1px solid rgba(0,0,0,0.4);
}

/* 4. Hover enkel voor externe/mail */
a[href^="http"]:hover,
a[href^="mailto:"]:hover {
  border-bottom-color: rgba(0,0,0,1);
}

.project-list a,
.panel-grid a {
  border-bottom: none !important;
}