@font-face {
    font-family: 'DM-Serif';
    src: url('../fonts/DMSerifDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DM-Serif';
    src: url('../fonts/DMSerifDisplay-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'PT-Sans';
    src: url('../fonts/PTSansNarrow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PT-Sans';
    src: url('../fonts/PTSansNarrow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

:root{

    /* TEXT COLORS */

    --color-text-dark: #111a39;
    --color-text-dark-secondary: #4B5563;

    --color-text-light: #ebedf7;
    --color-text-light-secondary: #c1c4d4;


    /* BACKGROUND COLORS */

    --color-site-bg: #fafafa;

    --color-section-shaded-lighter: #ffffff;
    --color-section-shaded-darker: #f3f3f3;


    /* ACCENT COLORS */

    --color-accent: rgb(131, 29, 234);
    --color-accent-secondary: rgb(51, 153, 204);
    --color-accent-shaded-lighter: rgb(244, 242, 247);


    /* SECTIONS */

    --background-section-light: #fafafa;
    --background-section-dark: rgb(29, 7, 51);
    --background-section-dark-lighter: rgb(67, 14, 121);

    --background-section-cb-light: #ebfffb;
    --background-section-cb-dark: #03130f;
    --background-section-cb-dark-lighter: #0f2a23;


    /* DIMENSIONS */

    --nav-height: 74px;
    --max-width: 1200px;


    /* SPACING */
    --spacing-xxs: .25rem;
    --spacing-xs: .5rem;
    --spacing-s: .75rem;
    --spacing-m: 1rem;
    --spacing-l: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 4rem;

    /* FONTS */
    --font-standard: 'PT-Sans';
    --font-serif: 'DM-Serif'

}