@charset "UTF-8";
:root {
    --blauw-lighter: hsl(186, 57%, 79%);
    --blauw-light: hsl(186, 57%, 69%);
    --blauw: hsl(45, 71%, 63%);
    --blauw-dark: hsl(45, 51%, 63%);
    --blauw-darker: hsl(45, 30%, 50%);
    --blauw-darkest: hsl(186, 57%, 19%);
    --blauw-disabled: hsla(186, 57%, 44%, 0.75);
    --blauw-transparant: hsla(186, 57%, 59%, 0.5);
    --oranje-lighter: hsl(21, 100%, 70%);
    --oranje-light: hsl(21, 100%, 60%);
    --oranje: #D27723;
    --oranje-dark: hsl(21, 100%, 35%);
    --oranje-darker: hsl(21, 100%, 20%);
    --oranje-darkest: hsl(21, 100%, 10%);
    --oranje-disabled: hsla(21, 100%, 35%, 0.75);
    --oranje-transparant: hsla(21, 100%, 50%, 0.5);
    --grijs-lighter: hsl(252, 3%, 56%);
    --grijs-light: hsl(252, 3%, 46%);
    --grijs: #626161;
    --grijs-dark: hsl(252, 3%, 21%);
    --grijs-darker: hsl(252, 3%, 11%);
    --grijs-disabled: hsla(252, 3%, 21%, 0.75);
    --grijs-transparant: hsla(252, 3%, 36%, 0.5);
    --grijs-accent-lighter: hsl(0, 0%, 79%);
    --grijs-accent-light: hsl(0, 0%, 69%);
    --grijs-accent: hsl(0, 0%, 59%);
    --grijs-accent-dark: hsl(0, 0%, 44%);
    --grijs-accent-darker: hsl(0, 0%, 29%);
    --wit: hsl(0, 0%, 100%);
    --wit-disabled: hsla(0, 0%, 85%, 0.75);
    --wit-transparant: hsla(0, 0%, 100%, 0.5);
    --zwart: #000;
    --alt-donkerblauw: #0a2357;
    --alt-blauw: #1947e2;
    --alt-blauw-donker: #133f8d;
    --alt-geel: #f5c34b;
    --alt-offwhite: #f7f7f7;
    --alt-rood: #e74c3c;
    --color-social-whatsapp: #25d366;
    --color-social-linkedin: #0a66c2;
    --color-social-instagram: #c32aa3;
    --color-social-facebook: #1877f2;
    --color-social-youtube: #ff0000;
    --color-social-twitter: #1da1f2;
    --color-social-pinterest: #bd081c;
    --color-social-github: #5c7381;
    --color-social-paypal: #2e689a;
    --color-social-google: #4285f4;
    --color-social-snapchat: #fffc00;
    --color-social-reddit: #ff4500;
    --color-social-wordpress: #383838;
    --color-social-steam: #383838;
    --color-social-lastfm: #d21309;
    --color-social-amazon: #2f3842;
    --color-social-vimeo: #4c8ab0;
    --color-social-rss: #fe8f00;
    --color-social-appstore: silver;
}
.text-blauw-licht {
    color: var(--blauw-light);
}
.bg-blauw-licht {
    background-color: var(--blauw-light);
}
.text-blauw {
    color: var(--blauw);
}
.bg-blauw {
    background-color: var(--blauw);
}
.text-blauw-donker {
    color: var(--blauw-dark);
}
.bg-blauw-donker {
    background-color: var(--blauw-dark);
}
.text-oranje-licht {
    color: var(--oranje-light);
}
.bg-oranje-licht {
    background-color: var(--oranje-light);
}
.text-oranje {
    color: #1d1a1b;
}
.bg-oranje {
    background-color: var(--oranje);
}
.text-oranje-donker {
    color: var(--oranje-dark);
}
.bg-oranje-donker {
    background-color: var(--oranje-dark);
}
.text-grijs-licht {
    color: var(--grijs-light);
}
.bg-grijs-licht {
    background-color: var(--grijs-light);
}
.text-grijs {
    color: var(--grijs);
}
.bg-grijs {
    background-color: var(--grijs);
}
.text-grijs-donker {
    color: var(--grijs-dark);
}
.bg-grijs-donker {
    background-color: var(--grijs-dark);
}