:root {
--primary-color: #000000; /* op te geven in admin */
--primary-color-hover: #000000; /* te berekenen, 10% donkerder */
--primary-color-active: #000000; /* te berekenen, 20% donkerder */
--primary-contrast-color: #f275c3; /* op te geven in admin */
--secondary-color: #eb6726; /* op te geven in admin */
--secondary-color-hover: #d45d22; /* te berekenen, 10% donkerder */
--secondary-color-active: #bc521e; /* te berekenen, 20% donkerder */
--secondary-contrast-color: #ffffff; /* op te geven in admin */
--tertiary-color: #ffd10d; /* op te geven in admin */
--tertiary-color-hover: #e6bc0c; /* te berekenen, 10% donkerder */
--tertiary-color-active: #cca70a; /* te berekenen, 20% donkerder */
--tertiary-contrast-color: #ffffff; /* op te geven in admin */
--quaternary-color: #80d362; /* op te geven in admin */
--quaternary-color-hover: #73be58; /* te berekenen, 10% donkerder */
--quaternary-color-active: #66a94e; /* te berekenen, 20% donkerder */
--quaternary-contrast-color: #ffffff; /* op te geven in admin */
--text-color: var(--primary-color); /* op te geven in admin */
--brand-color: var(--tertiary-color); /* op te geven in admin */
--link-color: var(--primary-color); /* op te geven in admin */
--link-color-hover: var(--primary-color-hover); /* te berekenen, 10% donkerder */
--line-color: var(--tertiary-color); /* op te geven in admin, kunnen altijd terugvallen op  */
--table-head-bg: var(--tertiary-color);
--input-color: #c8cbd8;
--table-color: #c8c8c8;
--bs-body-font-family: "Popins", sans-serif;
--font-weight-base: 400;
--font-size-base: 1.25rem;
--headings-font-family: var(--bs-body-font-family);
}

/* function shadeColor(hexColor, weight) {
// Zorg ervoor dat het een geldig hex is
if (hexColor[0] === '#') {
hexColor = hexColor.slice(1);
}

// Parse de hex in RGB
const r = parseInt(hexColor.substr(0, 2), 16);
const g = parseInt(hexColor.substr(2, 2), 16);
const b = parseInt(hexColor.substr(4, 2), 16);

const w = weight / 100;

// Meng met zwart (0,0,0)
const newR = Math.round((1 - w) * r);
const newG = Math.round((1 - w) * g);
const newB = Math.round((1 - w) * b);

// Zet terug naar hex
const toHex = (c) => c.toString(16).padStart(2, '0');

return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
} */