@import url("https://fonts.cdnfonts.com/css/martel-2");
@import url("https://fonts.cdnfonts.com/css/assistant");

:root {
    /* Colors */
    --background: #090541;
    --cpalettelight: #009990;
    --cpalettemedium: #074799;
    --cpalettecomplimentary: #ffffff;

    /* For the navigation header on the landing page */
    --navigation-header-font-family: "Assistant", sans-serif;
    --navigation-header-font-size: 24px;
    --navigation-header-font-weight: 700;
    /* For the splash on the landing page */
    --splash-title-font-family: "Martel", sans-serif;
    --splash-title-font-size-large: 64px;
    --splash-title-font-size-small: 48px;
    --splash-title-font-size-tiny: 32px;
    --splash-title-font-weight: 700;
    --splash-body-font-family: "Assistant", sans-serif;
    --splash-body-font-size: 24px;
    --splash-body-font-weight: 400;
    /* For the info scroll on the landing page */
    --infscr-vpad: 54px;
    --infscr-hpad: 32px;
    --infscr-title-font-family: "Martel", sans-serif;
    --infscr-title-font-size: 54px;
    --infscr-title-font-weight: 700;
    --infscr-subtitle-font-family: "Assistant", sans-serif;
    --infscr-subtitle-font-size: 32px;
    --infscr-subtitle-font-weight: 700;
    --infscr-body-font-family: "Assistant", sans-serif;
    --infscr-body-font-size: 28px;
    --infscr-body-font-weight: 400;
    --infscr-corner-round: 28px;
    --infscr-img-size: 680px;
    --infscr-cardgap-size: 54px;
    --infscr-titlegap-size: 0.75rem;
    --infscr-textgap-size: 0.2rem;
    /* For the navigation footer on the landing page */
    --bottom-call-font-family: "Martel", sans-serif;
    --bottom-call-font-size-large: 64px;
    --bottom-call-font-size-small: 48px;
    --navigation-footer-spacing: 24px;

    /* Effects */

}