/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

/* *******************************************************************
 * Font-related styling begins here.
 * ******************************************************************/
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Sorts Mill Goudy';
    src: url('fonts/SortsMillGoudy-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Applies Inter to everything */
.wp-site-blocks * {
	font-family: 'Inter', sans-serif !important;
}

/* Applies Sorts Mill Goudy to all headings, which overrides Inter */
.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6
{
	font-family: 'Sorts Mill Goudy', serif !important;
}

/* *******************************************************************
 * Colour-related styling begins here.
 * ******************************************************************/
:root {
    --blue-1: #060C13;
    --blue-2: #122136;
    --blue-3: #1D3758;
    --blue-4: #294C7A;
    --blue-5: #3766A3;
    --blue-6: #4077BF;
    --blue-7: #628FCB;
    --blue-8: #85A8D6;
    --blue-9: #A7C0E2;
    --blue-10: #C9D9ED;
    --blue-11: #ECF1F9;
    --grey-1: #C9CCD3;
    --grey-2: #CED1D7;
    --grey-3: #D3D5DB;
    --grey-4: #D8DADF;
    --grey-5: #DCDEE3;
    --grey-6: #E1E3E7;
    --grey-7: #E6E8EB;
    --grey-8: #EBECEF;
    --grey-9: #F0F1F3;
    --grey-10: #F5F6F7;
    --grey-11: #FAFAFB;
}