: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: #000000;
    --color-primary: #7a73ff;
    --color-primary-subtle: #CECEFF;
    --color-primary-border: #A3A3FF;
    --color-primary-text: #000000;
    --color-secondary: #ADADD6;
    --color-secondary-subtle: #E6E6FF;
    --color-secondary-border: #D6D6FF;
    --color-secondary-text: #000000;
    --color-tertiary: #E2E2F5;
    --color-tertiary-subtle: #F5F5FB;
    --color-tertiary-border: #EBEBF8;
    --color-tertiary-text: #000000;
    --color-emphasis: #6969FF;
    --color-success: #18A09C;
    --color-success-subtle: #89DDDB;
    --color-success-border: #41C8C5;
    --color-success-text: #000000;
    --color-danger: #BE38C7;
    --color-danger-subtle: #F09DF6;
    --color-danger-border: #E761F0;
    --color-danger-text: #000000;
    --color-warning: #D4A602;
    --color-warning-subtle: #FDE17B;
    --color-warning-border: #FCCF2A;
    --color-warning-text: #000000;
    --color-info: #62228C;
    --color-info-subtle: #C6AFD6;
    --color-info-border: #9469B1;
    --color-info-text: #000000;
    --color-light: #F7F7F9;
    --color-light-subtle: #FFFFFF;
    --color-light-border: #BDBDCF;
    --color-light-text: #787887;
    --color-dark: #000000;
    --color-dark-subtle: #000000;
    --color-dark-border: #CFCFCF;
    --color-dark-text: #7A7A7A;
    --color-border: #E3E3F5;

    --color-primary-tint-10: #EBEBFF;
    --color-primary-tint-50: #D9D9FF;
    --color-primary-tint-100: #CECEFF;
    --color-primary-tint-200: #B9B9FF;
    --color-primary-tint-300: #A3A3FF;
    --color-primary-tint-400: #8E8EFF;
    --color-primary-tint-500: #7878FF;
    --color-primary-tint-600: #6565D6;
    --color-primary-tint-700: #5252AD;
    --color-primary-tint-800: #3E3E85;
    --color-primary-tint-900: #000000;
    --color-secondary-tint-10: #F1F1FF;
    --color-secondary-tint-50: #EDEDFF;
    --color-secondary-tint-100: #E6E6FF;
    --color-secondary-tint-200: #DEDEFF;
    --color-secondary-tint-300: #D6D6FF;
    --color-secondary-tint-400: #CECEFF;
    --color-secondary-tint-500: #ADADD6;
    --color-secondary-tint-600: #8C8CAD;
    --color-secondary-tint-700: #6B6B85;
    --color-secondary-tint-800: #4A4A5C;
    --color-secondary-tint-900: #3E3E4D;
    --color-tertiary-tint-10: #F7F7FC;
    --color-tertiary-tint-50: #F7F7FC;
    --color-tertiary-tint-100: #F5F5FB;
    --color-tertiary-tint-200: #F0F0FA;
    --color-tertiary-tint-300: #EBEBF8;
    --color-tertiary-tint-400: #E7E7F7;
    --color-tertiary-tint-500: #E2E2F5;
    --color-tertiary-tint-600: #BEBECE;
    --color-tertiary-tint-700: #9A9AA7;
    --color-tertiary-tint-800: #76767F;
    --color-tertiary-tint-900: #515158;
    --color-success-tint-10: #C0EDEC;
    --color-success-tint-50: #AEE8E6;
    --color-success-tint-100: #89DDDB;
    --color-success-tint-200: #65D3D0;
    --color-success-tint-300: #41C8C5;
    --color-success-tint-400: #1DBEBA;
    --color-success-tint-500: #18A09C;
    --color-success-tint-600: #14817E;
    --color-success-tint-700: #0F6361;
    --color-success-tint-800: #0A4443;
    --color-success-tint-900: #093A38;
    --color-danger-tint-10: #F7CAFA;
    --color-danger-tint-50: #F5BBF9;
    --color-danger-tint-100: #F09DF6;
    --color-danger-tint-200: #EB7FF3;
    --color-danger-tint-300: #E761F0;
    --color-danger-tint-400: #E243ED;
    --color-danger-tint-500: #BE38C7;
    --color-danger-tint-600: #9A2EA1;
    --color-danger-tint-700: #76237B;
    --color-danger-tint-800: #511855;
    --color-danger-tint-900: #441448;
    --color-warning-tint-10: #FEEFB8;
    --color-warning-tint-50: #FEEAA4;
    --color-warning-tint-100: #FDE17B;
    --color-warning-tint-200: #FDD853;
    --color-warning-tint-300: #FCCF2A;
    --color-warning-tint-400: #FCC602;
    --color-warning-tint-500: #D4A602;
    --color-warning-tint-600: #AB8701;
    --color-warning-tint-700: #836701;
    --color-warning-tint-800: #5B4701;
    --color-warning-tint-900: #4C3C01;
    --color-info-tint-10: #DACBE4;
    --color-info-tint-50: #D3C1DF;
    --color-info-tint-100: #C6AFD6;
    --color-info-tint-200: #AD8CC3;
    --color-info-tint-300: #9469B1;
    --color-info-tint-400: #7B459E;
    --color-info-tint-500: #62228C;
    --color-info-tint-600: #501C72;
    --color-info-tint-700: #3D1557;
    --color-info-tint-800: #2A0F3C;
    --color-info-tint-900: #230C32;
    --color-light-tint-10: #FFFFFF;
    --color-light-tint-10-rgba: rgba(255,255,255,1);
    --color-light-tint-50: #F7F7F9;
    --color-light-tint-100: #E3E3EA;
    --color-light-tint-200: #D6D6E1;
    --color-light-tint-300: #CACAD8;
    --color-light-tint-400: #BDBDCF;
    --color-light-tint-500: #B1B1C6;
    --color-light-tint-600: #9595A6;
    --color-light-tint-700: #787887;
    --color-light-tint-800: #5C5C67;
    --color-light-tint-900: #404047;
    --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: #000000;
    --color-dark-tint-800: #292929;
    --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(--color-body);

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

}