:root {
    /* -=- Positioning & Display -=- */
    /* Gap */
    --gap-tiny: 0.25rem;
    --gap-extra-small: 0.5rem;
    --gap-small: 0.75rem;
    --gap-medium: 1rem;
    --gap-large: 1.5rem;
    --gap-extra-large: 2rem;
    --gap-xxl: 3rem;

    /* -=- Dimensions, marges, padding and borders -=- */
    /* Marges */
    --margin-tiny: 0.25rem;
    --margin-extra-small: 0.5rem;
    --margin-small: 0.75rem;
    --margin-medium: 1rem;
    --margin-large: 1.5rem;
    --margin-extra-large: 2rem;
    --margin-xxl: 3rem;

    /* Padding */
    --padding-tiny: 0.25rem;
    --padding-extra-small: 0.5rem;
    --padding-small: 0.75rem;
    --padding-medium: 1rem;
    --padding-large: 1.5rem;
    --padding-extra-large: 2rem;
    --padding-xxl: 3rem;

    /* Border radius */
    --border-radius-small: 0rem;
    --border-radius-medium: 0rem;
    --border-radius-large: 0rem;
    --border-radius-rounded: 0rem;
	--bs-border-radius: var(--border-radius-medium);
	--bs-border-radius-lg: var(--border-radius-large);

    /* Border width */
    --border-width-regular: 0.0625rem;
    --border-width-thick: 0.125rem;

    /* Border color */
    --border-color-default: #E7E5F1;

    /* -=- Typography -=- */
    /* Font size */
    --font-size-heading-1: 2.5rem;
    --font-size-heading-2: 2rem;
    --font-size-heading-3: 1.5rem;
    --font-size-heading-4: 1.3125rem;
    --font-size-heading-5: 1.3125rem;
    --font-size-paragraph: 1.125rem;
    --font-size-paragraph-small: 1rem;
    --font-size-small: 0.75rem;
    --font-size-table-heading: 0.875rem;
    --font-size-table-footer: 0.875rem;
    --font-size-button: 1rem;
    --font-size-button-small: 0.8125rem;

    /* Font family */
    --font-family-primary: 'Fixture';
    --font-family-secondary: 'Helvetica';
    --font-family-tertiary: 'Montserrat';


    /* -=- Visual effects and animations -=- */
    /* Shadows */
    --shadow-shallow: 0 0 0 0 rgba(0, 0, 0, 0);
    --shadow-deep: 0 0 0 0 rgba(0, 0, 0, 0);

    /* -=- Other -=- */
    /* Aspect ratio */
    --image-aspect-ratio-default: 16 / 9;

    /* Colors */
    --color-body: #0A1916;
    --color-primary: #51BF9D;
    --color-primary-subtle: #C0E8DC;
    --color-primary-border: #89D3BC;
    --color-primary-text: #0A1916;
    --color-secondary: #fcba63;
    --color-secondary-subtle: #FEE6C7;
    --color-secondary-border: #FDD095;
    --color-secondary-text: #0A1916;
    --color-tertiary: #E3E5E4;
    --color-tertiary-subtle: #E3E5E4;
    --color-tertiary-border: #D6DAD9;
    --color-tertiary-text: #0A1916;
    --color-emphasis: #7878FF;
    --color-success: #44C8F5;
    --color-success-subtle: #BCEBFB;
    --color-success-border: #80DAF8;
    --color-success-text: #0A1916;
    --color-danger: #F06793;
    --color-danger-subtle: #FAC8D8;
    --color-danger-border: #F598B6;
    --color-danger-text: #0A1916;
    --color-warning: #FCBA63;
    --color-warning-subtle: #FEE6C7;
    --color-warning-border: #FDD095;
    --color-warning-text: #0A1916;
    --color-info: #7878FF;
    --color-info-subtle: #CECEFF;
    --color-info-border: #A3A3FF;
    --color-info-text: #0A1916;
    --color-light: #F9FAFA;
    --color-light-subtle: #EEEFF1;
    --color-light-border: #BDBDCF;
    --color-light-text: #9C9EA0;
    --color-dark: #000000;
    --color-dark-subtle: #555555;
    --color-dark-border: #CFCFCF;
    --color-dark-text: #7A7A7A;
    --color-border: #E6E8EB;

    --color-primary-tint-10: #e6f6f1;
    --color-primary-tint-50: #ceede4;
    --color-primary-tint-100: #c0e8dc;
    --color-primary-tint-200: #a5decc;
    --color-primary-tint-300: #89d3bc;
    --color-primary-tint-400: #6dc9ad;
    --color-primary-tint-500: #51bf9d;
    --color-primary-tint-600: #439f83;
    --color-primary-tint-700: #37816b;
    --color-primary-tint-800: #2a6352;
    --color-primary-tint-900: #0a1916;
    --color-secondary-tint-10: #FEF5E8;
    --color-secondary-tint-50: #feecd3;
    --color-secondary-tint-100: #fee6c7;
    --color-secondary-tint-200: #fddbae;
    --color-secondary-tint-300: #fdd095;
    --color-secondary-tint-400: #fac37b;
    --color-secondary-tint-500: #fab962;
    --color-secondary-tint-600: #d39b53;
    --color-secondary-tint-700: #ab7e43;
    --color-secondary-tint-800: #836133;
    --color-secondary-tint-900: #5a4224;
    --color-tertiary-tint-10: #f7f8f8;
    --color-tertiary-tint-50: #e9ebea;
    --color-tertiary-tint-100: #e2e4e3;
    --color-tertiary-tint-200: #d6dad9;
    --color-tertiary-tint-300: #d6dad9;
    --color-tertiary-tint-400: #e3e5e4;
    --color-tertiary-tint-500: #e3e5e4;
    --color-tertiary-tint-600: #b0b8b5;
    --color-tertiary-tint-700: #787d7b;
    --color-tertiary-tint-800: #5c605e;
    --color-tertiary-tint-900: #3f4241;
    --color-success-tint-10: #e3f6fc;
    --color-success-tint-50: #cbf0fc;
    --color-success-tint-100: #bbeafa;
    --color-success-tint-200: #9de1f9;
    --color-success-tint-300: #80daf8;
    --color-success-tint-400: #61cff5;
    --color-success-tint-500: #44c8f5;
    --color-success-tint-600: #38a6cb;
    --color-success-tint-700: #2e87a6;
    --color-success-tint-800: #23687f;
    --color-success-tint-900: #184757;
    --color-danger-tint-10: #fde9ef;
    --color-danger-tint-50: #fbd4e1;
    --color-danger-tint-100: #fac8d8;
    --color-danger-tint-200: #f7b0c7;
    --color-danger-tint-300: #f598b6;
    --color-danger-tint-400: #f27fa4;
    --color-danger-tint-500: #f06793;
    --color-danger-tint-600: #ca577b;
    --color-danger-tint-700: #a34664;
    --color-danger-tint-800: #7d364c;
    --color-danger-tint-900: #562535;
    --color-warning-tint-10: #FEF5E8;
    --color-warning-tint-50: #feecd3;
    --color-warning-tint-100: #fee6c7;
    --color-warning-tint-200: #fddbae;
    --color-warning-tint-300: #fdd095;
    --color-warning-tint-400: #fcc57c;
    --color-warning-tint-500: #fcba63;
    --color-warning-tint-600: #d49c53;
    --color-warning-tint-700: #ab7e43;
    --color-warning-tint-800: #836133;
    --color-warning-tint-900: #5b4324;
    --color-info-tint-10: #ebebff;
    --color-info-tint-50: #d9d9ff;
    --color-info-tint-100: #ceceff;
    --color-info-tint-200: #b9b9ff;
    --color-info-tint-300: #a3a3ff;
    --color-info-tint-400: #8e8eff;
    --color-info-tint-500: #7878ff;
    --color-info-tint-600: #6565d6;
    --color-info-tint-700: #5252ad;
    --color-info-tint-800: #3e3e85;
    --color-info-tint-900: #2b2b5c;
    --color-light-tint-10: #FFFFFF;
    --color-light-tint-10-rgba: rgba(255,255,255,1);
    --color-light-tint-50: #f9fafa;
    --color-light-tint-100: #f8f9f9;
    --color-light-tint-200: #f6f7f8;
    --color-light-tint-300: #f2f3f5;
    --color-light-tint-400: #eeeff1;
    --color-light-tint-500: #eaecee;
    --color-light-tint-600: #e6e8eb;
    --color-light-tint-700: #9c9ea0;
    --color-light-tint-800: #78797a;
    --color-light-tint-900: #535455;
    --color-dark-tint-10: #eeeeee;
    --color-dark-tint-50: #ebebeb;
    --color-dark-tint-100: #e5e5e5;
    --color-dark-tint-200: #dadada;
    --color-dark-tint-300: #cfcfcf;
    --color-dark-tint-400: #c3c3c3;
    --color-dark-tint-500: #a3a3a3;
    --color-dark-tint-600: #7a7a7a;
    --color-dark-tint-700: #555555;
    --color-dark-tint-800: #494949;
    --color-dark-tint-900: #000000;

    /* Newsletter colors */
    --color-examenblad: #007bc7;
    --image-examenblad: url('../images/sources/logo_bron_rijksoverheid.png');
    --color-nos: #c00;
    --image-nos: url('../images/sources/logo_bron_nos.png');
    --color-telegraaf: #27509a;
    --image-telegraaf: url('../images/sources/logo_bron_telegraaf.png');
    --color-parool: #111;
    --image-parool: url('../images/sources/logo_bron_parool.png');
    --color-volkskrant: #3f97aa;
    --image-volkskrant: url('../images/sources/logo_bron_volkskrant.png');
    --color-ad: #d10a10;
    --image-ad: url('../images/sources/logo_bron_ad.png');
    --color-rijksoverheid: #01689b;
    --image-rijksoverheid: url('../images/sources/logo_bron_rijksoverheid.png');
    --color-nrc: #000;
    --image-nrc: url('../images/sources/logo_bron_nrc.png');
    --color-trouw: #95885f;
    --image-trouw: url('../images/sources/logo_bron_trouw.png');
    --color-rtlnieuws: #b3d4fc;
    --image-rtlnieuws: url('../images/sources/logo_bron_rtlnieuws.png');
    --color-nu: #010050;
    --image-nu: url('../images/sources/logo_bron_nu.png');
    --color-hartvannederland: #008cff;
    --image-hartvannederland: url('../images/sources/logo_bron_hartvannederland.png');
    --color-omroepbrabant: #e00;
    --image-omroepbrabant: url('../images/sources/logo_bron_omroepbrabant.png');
    --color-leeuwardercourant: #5059b3;
    --image-leeuwardercourant: url('../images/sources/logo_bron_leeuwardercourant.png');
    --color-degelderlander: #d10a10;
    --image-degelderlander: url('../images/sources/logo_bron_degelderlander.png');
    --color-tubantia: #d10a10;
    --image-tubantia: url('../images/sources/logo_bron_tubantia.png');
    --color-bndestem: #d10a10;
    --image-bndestem: url('../images/sources/logo_bron_bndestem.png');
    --color-metronieuws: #34c600;
    --image-metronieuws: url('../images/sources/logo_bron_metronieuws.png');
    --color-nhnieuws: #0ba3e1;
    --image-nhnieuws: url('../images/sources/logo_bron_nhnieuws.png');

    /* Fonts */
    --fontawesome-fontname: "Font Awesome 5 Free";

    /* System variables */
    --preheader-background: var(--color-warning-tint-500);
    --preheader-color: var(--ccolor-body);

    --homepage-band-color: var(--color-secondary-tint-500);

}