:root {
    --defaultFont: 'Jost';
    --headlineFont: 'Playfair Display';
    --accentFont: 'Playfair Display';
    --sansFont: 'Jost';
    --defaultSize: 16px;
    --defaultWeight: 300;

    --h1fontsize: 6em;
    --h2fontsize: 3.875em;
    --h3fontsize: 2.075em;
    --h4fontsize: 1.728125em;
    --h5fontsize: 1.4375em;
    --h6fontsize: 1.2em;

    --neutral-darkest-5: rgba(0, 0, 0, 0.05);
    --neutral-darkest-15: rgba(0, 0, 0, 0.15);

    --white: #ffffff;
    --white10: rgba(255,255,255,0.1);
    --white40: rgba(255,255,255,0.4);
    --white70: rgba(255,255,255,0.7);

    --radius-xxsmall: 0.25em;
    --radius-xsmall: 0.5em;
    --radius-small: 0.75em;
    --radius-medium: 1em;
    --radius-large: 1.75em;
    --radius-xlarge: 2.5em;
    --radius-xxlarge: 3.125em;
    --radius-full: 999rem;
    --text-secondary: #213564;
    --headline: var(--213564);
    --foreground: var(--white);
    --background: var(--white);

    --star-size: 1.5em;
    --star-color: transparent;

    --stageSmall: 560px;
    --stageMedium: 768px;

    --border: #ededed;
    --cobalt:#213564;
    --primary:#213564;

    --dark: #424242;
    --grey: #59595c;
    --grey20: rgba(89, 89, 92, 0.2);

    --lightgrey: #efeeee;
    --darkgrey: #d6d6d5;
    --placeholdergrey: #cccccc;

    --noble-green:#1ed797;
    --noble-blue:#003366;
    --noble-grey:#333333;
    --noble-lightblue:#14b9e3;
    --noble-lightgrey:#a4dceb;

    --nightblue: #00004c;
    --abyss:#000033;
    --cobalblue: #0047AB;
}