@import url("fonts/monserrat/montserrat.css");

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700;
    line-height: 1;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
    src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v362/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format('woff2');
}

:root {
    --theme-color: #fff;
    --primary-color: #152d53;
    --secondary-color: #65b8e7;
    --gradient-color: linear-gradient(90deg, var(--secondary-color), var(--primary-color));

    /* Auxiliary Colors */
    --auxiliary-color: #dcecf4; /*80*/
    --auxiliary-color-transparency: #dcecf480;
    --auxiliary-color-2: #f5f5f5;

    /* Text */
    --title-color: #000;
    --primary-text-color: #152d53;
    --secondary-text-color: #919191;
    --light-text-color: #fff;
    --border-color: #919191;
    --accent-text-color: #65b8e7;

    /* button */
    --button-hover-color: #12294f;
    --button-hover-secondary-color: #4cb9fd;

    /* Menu Items*/
    --menu-item-color: #65b8e7;
    --menu-selected-color: #152d53;

    /* Tabs  */
    --tab-color: #65b8e7;
    --tab-selected-color: #152d53;

    /* Font */
    --section-title: 3.33rem;
    --font-size: 12pt;
    --font-size-mobile: 10pt;
    --font-family: 'Montserrat', sans-serif;
    --font-icon-family: 'Material Symbols Rounded';
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Font Sizes */
    --text-xs: 0.875rem; /* 10.5pt */
    --text-sm: 1rem; /* 12pt */
    --text-md: 1.125rem; /* 13.5pt */
    --text-lg: 1.25rem; /* 15pt */
    --text-xl: 1.5rem; /* 18pt */
}