:root {
    --font-size: 16px;
    --breadcrumbs-font-size: 16px;
    --font-primary: 'Raleway';

    --font-size-smallest: calc(var(--font-size) * 0.3);
    --font-size-smaller: calc(var(--font-size) * 0.5);
    --font-size-small: calc(var(--font-size) * 0.75);
    --font-size-medium: calc(var(--font-size) * 1);
    --font-size-large: calc(var(--font-size) * 1.3125);
    --font-size-larger: calc(var(--font-size) * 1.6875);
    --font-size-largest: calc(var(--font-size) * 2.875);
    --font-size-h1: clamp(var(--font-size-larger), 10vw, var(--font-size-largest));
    --font-size-h2: clamp(var(--font-size-large), 8vw, var(--font-size-larger));
    --font-size-h3: clamp(var(--font-size-medium), 6vw, var(--font-size-large));
    --font-size-h4: var(--font-size-medium);
    --font-size-h5: var(--font-size-medium);
    --font-size-h6: var(--font-size-medium);

    --oc-site-width: 1180px;

    --ipswich-purple: #8E3189;
    --ipswich-white: #ffffff;
    --ipswich-navy: #252B39;
    --ipswich-pink: #8E31891A;
    --ipswich-grey: #252B391A;
    --ipswich-darkgrey: #707070;
    --ipswich-pink2: #8E318926;
    --ipswich-yellow: #FFF3D6;
    --ipswich-footer-bg: #252B39;
    --ipswich-focus: #ffdd00;
    --ipswich-black: #000;

    --header-bg-color: #8E3189;

    --btn-bg-color: #8E3189;
    --btn-border-color: #8E3189;
    --btn-color: #fff;
    --btn-hover-bg-color: #252B39;
    --btn-hover-border-color: #252B39;
    --btn-hover-color: #fff;
}