@import url("https://use.typekit.net/uph1kdq.css");
@font-face {
	font-family: 'Segma';
	src: url('../assets/fonts/segma/Segma-Bold.woff2') format('woff2');
    font-weight: bold;
	font-display: swap;
}
@font-face {
	font-family: 'Segma';
	src: url('../assets/fonts/segma/Segma-Regular.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'ChangaOne';
	src: url('../assets/fonts/ChangaOne/ChangaOne-Regular.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'PermanentMarker';
	src: url('../assets/fonts/permanent-marker/PermanentMarker-Regular.woff2') format('woff2');
	font-display: block;
}



:root {
    /* OG Colors */
    --primary: #dcd3c8;
    --secondary: #9b907b;
    --dark: #524b40; 
    /* --light: #e8e1d9; */
    --hoveractive: #cfb27b;
    /* --cta: #ff6600; */
    /* --light: #e1e2e4; */
    /* --light: #99ffd3; */
    --light: #ccf9e6;

    --cta: #00e080;
    /* #363839 65%  */

    /* --primary: #372bb3; 
    --secondary: #00e080;
    --dark: #372bb3; 
    --light: #00e080;
    --hoveractive: #00e080;
    --cta: #ffd600; */

    --blauw: #372bb3;
    --geel: #ffd600;
    --groen: #00e080;
    --wit: #fff;
    --grijs: #e1e2e4;
    --donker: #45464a;
    --zwart: #000;

    --filter-blauw: brightness(0) saturate(100%) invert(20%) sepia(29%) saturate(6290%) hue-rotate(238deg) brightness(89%) contrast(108%);
    --filter-groen: brightness(0) saturate(100%) invert(77%) sepia(38%) saturate(7346%) hue-rotate(111deg) brightness(103%) contrast(101%);
    --filter-geel: brightness(0) saturate(100%) invert(77%) sepia(44%) saturate(1120%) hue-rotate(356deg) brightness(104%) contrast(108%);
    --filter-wit: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(197deg) brightness(112%) contrast(112%);

    /* segma */
    --font-text: 'Segma', sans-serif;
    /* Bely display */
    --font-title: bely-display, sans-serif;
    /* Bely display */
    --font-extra: bely-display, sans-serif;
}