: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: 0.25rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 0.75rem;

    /* 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;

    /* Line height */
    --line-height-heading-1: auto;
    --line-height-heading-2: auto;
    --line-height-heading-3: auto;
    --line-height-heading-4: auto;
    --line-height-heading-5: auto;
    --line-height-paragraph: 1.5rem;
    --line-height-paragraph-small: 1.375rem;
    --line-height-table-heading: 1.375rem;
    --line-height-table-footer: 1.375rem;
    --line-height-button: 1.5rem;
    --line-height-button-small: 1.25rem;

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



    /* -=- Visual effects and animations -=- */
    /* Shadows */
    --shadow-shallow: 0.125rem 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1);
    --shadow-deep: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);



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

    /* Colors */
    --color-body: #212529;
    --color-primary: #0F6EFC;
    --color-primary-subtle: #A9CBFE;
    --color-primary-border: #5C9CFD;
    --color-primary-text: #212529;
    --color-secondary: #585B5E;
    --color-secondary-subtle: #C3C4C5;
    --color-secondary-border: #8D8F92;
    --color-secondary-text: #212529;
    --color-tertiary: #D0D1D2;
    --color-tertiary-subtle: #EEEEEF;
    --color-tertiary-border: #DFE0E0;
    --color-tertiary-text: #212529;
    --color-emphasis: #000000;
    --color-success: #1A8756;
    --color-success-subtle: #ADD4C2;
    --color-success-border: #63AD8C;
    --color-success-text: #212529;
    --color-danger: #DB3545;
    --color-danger-subtle: #F2B6BC;
    --color-danger-border: #E77681;
    --color-danger-text: #212529;
    --color-warning: #FFC105;
    --color-warning-subtle: #FFE9A5;
    --color-warning-border: #FFD555;
    --color-warning-text: #212529;
    --color-info: #0ECAF0;
    --color-info-subtle: #A8ECFA;
    --color-info-border: #5BDBF5;
    --color-info-text: #212529;
    --color-light: #FDFDFE;
    --color-light-subtle: #FFFFFF;
    --color-light-border: #F8FAFB;
    --color-light-text: #A8A9AA;
    --color-dark: #0C0D0F;
    --color-dark-subtle: #16191C;
    --color-dark-border: #686B6D;
    --color-dark-text: #1C1F22;
    --color-border: #DFE2E6;

    --color-primary-tint-10: #C7DDFE;
    --color-primary-tint-50: #BCD6FE;
    --color-primary-tint-100: #A9CBFE;
    --color-primary-tint-200: #82B4FD;
    --color-primary-tint-300: #5C9CFD;
    --color-primary-tint-400: #3585FC;
    --color-primary-tint-500: #0F6EFC;
    --color-primary-tint-600: #0D5CD4;
    --color-primary-tint-700: #495F87;
    --color-primary-tint-800: #083983;
    --color-primary-tint-900: #05285B;
    --color-secondary-tint-10: #E7E7E8;
    --color-secondary-tint-50: #D0D1D2;
    --color-secondary-tint-100: #C3C4C5;
    --color-secondary-tint-200: #A8AAAB;
    --color-secondary-tint-300: #8D8F92;
    --color-secondary-tint-400: #737578;
    --color-secondary-tint-500: #585B5E;
    --color-secondary-tint-600: #4A4C4F;
    --color-secondary-tint-700: #3C3E40;
    --color-secondary-tint-800: #2E2F31;
    --color-secondary-tint-900: #202122;
    --color-tertiary-tint-10: #F4F4F4;
    --color-tertiary-tint-50: #F2F2F2;
    --color-tertiary-tint-100: #EEEEEF;
    --color-tertiary-tint-200: #E7E7E8;
    --color-tertiary-tint-300: #DFE0E0;
    --color-tertiary-tint-400: #D8D8D9;
    --color-tertiary-tint-500: #D0D1D2;
    --color-tertiary-tint-600: #AFB0B0;
    --color-tertiary-tint-700: #8D8E8F;
    --color-tertiary-tint-800: #6C6D6D;
    --color-tertiary-tint-900: #4B4B4C;
    --color-success-tint-10: #C9E2D8;
    --color-success-tint-50: #BFDDD0;
    --color-success-tint-100: #ADD4C2;
    --color-success-tint-200: #88C1A7;
    --color-success-tint-300: #63AD8C;
    --color-success-tint-400: #3F9A71;
    --color-success-tint-500: #1A8756;
    --color-success-tint-600: #167148;
    --color-success-tint-700: #125C3A;
    --color-success-tint-800: #0E362D;
    --color-success-tint-900: #09311F;
    --color-danger-tint-10: #F7CFD3;
    --color-danger-tint-50: #F5C6CB;
    --color-danger-tint-100: #F2B6BC;
    --color-danger-tint-200: #EC969E;
    --color-danger-tint-300: #E77681;
    --color-danger-tint-400: #E15563;
    --color-danger-tint-500: #DB3545;
    --color-danger-tint-600: #B82D3A;
    --color-danger-tint-700: #95242F;
    --color-danger-tint-800: #721C24;
    --color-danger-tint-900: #4F1319;
    --color-warning-tint-10: #FFF1C4;
    --color-warning-tint-50: #FFEEB9;
    --color-warning-tint-100: #FFE9A5;
    --color-warning-tint-200: #FFDF7D;
    --color-warning-tint-300: #FFD555;
    --color-warning-tint-400: #FFCB2D;
    --color-warning-tint-500: #FFC105;
    --color-warning-tint-600: #D6A204;
    --color-warning-tint-700: #AD8303;
    --color-warning-tint-800: #856403;
    --color-warning-tint-900: #5C4502;
    --color-info-tint-10: #C7F2FC;
    --color-info-tint-50: #BCF0FB;
    --color-info-tint-100: #A8ECFa;
    --color-info-tint-200: #82E3F7;
    --color-info-tint-300: #5BDBF5;
    --color-info-tint-400: #35D2F2;
    --color-info-tint-500: #0ECAF0;
    --color-info-tint-600: #0CAACA;
    --color-info-tint-700: #0A89A3;
    --color-info-tint-800: #07697D;
    --color-info-tint-900: #054956;
    --color-light-tint-10: #FFFFFF;
    --color-light-tint-10-rgba: rgba(255,255,255,1);
    --color-light-tint-50: #FDFDFE;
    --color-light-tint-100: #FCFDFD;
    --color-light-tint-200: #FBFCFC;
    --color-light-tint-300: #FAFBFC;
    --color-light-tint-400: #F8FAFB;
    --color-light-tint-500: #F7F9FA;
    --color-light-tint-600: #CFD1D2;
    --color-light-tint-700: #A8A9AA;
    --color-light-tint-800: #808182;
    --color-light-tint-900: #595A5A;
    --color-dark-tint-10: #CBCCCD;
    --color-dark-tint-50: #C1C2C3;
    --color-dark-tint-100: #AFB1B2;
    --color-dark-tint-200: #8C8E90;
    --color-dark-tint-300: #686B6D;
    --color-dark-tint-400: #45484B;
    --color-dark-tint-500: #212529;
    --color-dark-tint-600: #1C1F22;
    --color-dark-tint-700: #16191C;
    --color-dark-tint-800: #111315;
    --color-dark-tint-900: #0C0D0F;

    /* 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);
}