@import url('https://use.typekit.net/zgq8yyj.css');
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

    :root,
    :host {
    --colorSiteBackground: var(--colorWhite);
    --colorPrimary: var(--colorEducation1);
    --colorPrimaryText: var(--colorWhite);

    --colorLink: var(--colorEducation1);
    --colorLinkActive: var(--colorEducation7);

    --btnPrimaryBackground: var(--colorEducation3);
    --btnPrimaryForeground: var(--colorEducation1);
    
    --btnSecondaryBackground: var(--colorEducation1);
    --btnSecondaryForeground: var(--colorWhite);
    
    --btnTertiaryBackground: var(--colorEducation6);
    --btnTertiaryForeground: var(--colorEducation1);
    

    --listBulletIconColour: var(--colorEducation7);
    --listBulletIconBackground: url('/media/jaqas5pl/educationbullet.svg');

    --heroGradientStartColour: var(--colorEducation8);
    --heroGradientEndColour: var(--colorEducation7);

    --fontSizeBase: 1.8rem;
    --fontSizeBaseEm: 1.8em;

    --fontFamilyBase: "effra", sans-serif;
    --fontFamilyHeading: "effra", sans-serif;

    --monochromeMark: url("/media/sw2pop5p/logo.svg");

--borderRadius:2rem; 
--quoteBlockQuoteIconColor:var(--colorEducation2); 
--tabbedContentBlockActiveColor:var(--colorEducation2); 
--recordedDownloadSuccessColor:var(--colorEducation6); 
--quoteBlockQuoteFontFamily:"Kodchasan", sans-serif; 
    }