/* Override Bootstrap variables with higher specificity */
:root,
:root[data-bs-theme=light] {
  /* Primary Button specific overrides */
  --bs-primary: #ff6b6b;
  --bs-primary-rgb: 255, 107, 107;
  --bs-primary-text-emphasis: #ff6b6b;
  --bs-primary-bg-subtle: #ffe5e5;
  --bs-primary-border-subtle: #ffb3b3;
  
  /* Button overrides */
  --bs-btn-primary-color: #fff;
  --bs-btn-primary-bg: #ff6b6b;
  --bs-btn-primary-border-color: #ff6b6b;
  --bs-btn-primary-hover-color: #fff;
  --bs-btn-primary-hover-bg: #ff5252;
  --bs-btn-primary-hover-border-color: #ff5252;
  --bs-btn-primary-focus-shadow-rgb: 255, 107, 107;
  --bs-btn-primary-active-color: #fff;
  --bs-btn-primary-active-bg: #ff3939;
  --bs-btn-primary-active-border-color: #ff3939;
  
  /* Links */
  --bs-link-color: #6aa742;
  --bs-link-color-rgb: 106, 167, 66;
  --bs-link-hover-color: #558939;
  --bs-link-hover-color-rgb: 85, 137, 57;

  /* Typography */
  --bs-body-font-family: "GAPZuidVG", system-ui, -apple-system, sans-serif;
  --bs-font-monospace: "GAP Mono", monospace;
}

/* Rest of your CSS remains the same */
/* Font declarations */
@font-face {
  font-family: "GAPZuidVG";
  src:
    local("GAPZuidVG"),
    url("../fonts/GAPZuidVG-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GAPZuidVG";
  src:
    local("GAPZuidVG"),
    url("../fonts/GAPZuidVG-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "GAPZuidVG";
  src:
    local("GAPZuidVG"),
    url("../fonts/GAPZuidVG-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "GAPZuidVG";
  src:
    local("GAPZuidVG"),
    url("../fonts/GAPZuidVG-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

/* Monospace font declarations */
@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

/* Base styles */
body,
p,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--bs-body-font-family);
}

code, pre {
  font-family: var(--bs-font-monospace);
}


a {
  text-decoration: none;
}


/* Navigation styling */
.navbar {
  
}

.navbar-nav .nav-link {
  color: #6aa742;
}

/* Layout */
.container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  color: #2c3e50;
}

blockquote {
  font-style: italic;
  padding-left: 1rem;
  border-left: 4px solid #6aa742;
  margin: 1.5rem 0;
}

/* Images */
.img-fluid { /* Dit is voor testen */
}