:root{
  --primary-button: #FC9BAF;
  --primary-button-hover: #EB5372;
  --base-text: #2F2525;
  --button-text: #001164;
  --link: #3761E8;
  --base-bg: #E8EEFF;
  --base-bg2: #cbfeea;
  --base-bg3: #F5EFEF;
  --base-bg4: #f7e8c4;
}

html, body {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}

.links{
  color: var(--link)
}

.jumbo {
  background-color: var(--base-bg); /* Achtergrondkleur */
  color: var(--base-text); /* Tekstkleur standaard */
  /* background-image: url('./images/StructurePattern.png');
  background-repeat: repeat; */
}

/* Specifiek voor titels binnen de jumbo */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--button-text); /* Titels in donkerblauw */
  font-family: 'fieldwork', sans-serif;
}

.jumbo li {
  color: var(--base-text);
}

.utonomy-button {
  background-color: var(--primary-button);
  color: var(--button-text);
}

.utonomy-button:hover{
  background-color: var(--primary-button-hover);
}


p {
 
  color: var(--base-text);
}



.block {
    background-color: var(--base-bg); /* Achtergrondkleur */
}

.block2 {
  background-color: var(--base-bg2);
}

.block3 {
   background-color: var(--base-bg3);

}

.block4 {
    background-color: var(--base-bg4);
}

footer{
  background-color: var(--button-text);
  color: var(--base-bg);
}

  footer a {
    color:var(--base-bg);
  }

nav{
  color: var(--button-text);
}
.pattern{
  background-image: url('./images/StructurePattern.png');
  background-repeat: repeat;
}

.bg-dark{
  background-color: var(--button-text); /* Achtergrondkleur */
  h1, h2, h3 {color: #ffffff;} 
  p{color: #ffffff;} 
}