/*--------------------------------------------------------------------------*\
	CSS variables common to dark and light mode
\*--------------------------------------------------------------------------*/

.theme{

    /*--------------------------------------------------------------------------*\
        Colors
    \*--------------------------------------------------------------------------*/

    /* Call to action */
    --c-cta-1: rgb(55, 75, 230);
    --c-cta-2: rgb(75, 95, 250);
    --c-cta-3: rgb(125, 145, 255);
    --c-cta-4: rgb(185, 205, 255);
    --c-cta-5: rgb(205, 225, 255);

    /* Error (inputs) */
    --c-error-primary-1: rgb(225, 39, 99);
    --c-error-primary-2: rgb(255, 69, 119);

    /* Error (session flashes) */
    --c-error-secondary-1: rgb(114, 28, 36);
    --c-error-secondary-2: rgb(245, 198, 203);
    --c-error-secondary-3: rgb(248, 215, 218);

    /* Warning (session flashes) */
    --c-warning-1: rgb(133, 100, 4);
    --c-warning-2: rgb(255, 238, 186);
    --c-warning-3: rgb(255, 243, 205);

    /* Success (session flashes) */
    --c-success-1: rgb(21, 87, 36);
    --c-success-2: rgb(195, 230, 203);
    --c-success-3: rgb(212, 237, 218);

    /* Opaque */
    --c-opaque-1: rgba(0, 0, 0, 0.5);
    --c-opaque-2: rgba(255, 255, 255, 0.5);

    /* Primary */
    --c-primary-1: rgb(24, 42, 76);
    --c-primary-2: rgb(69, 89, 128);
    --c-primary-3: rgb(128, 144, 178);
    --c-primary-4: rgb(158, 174, 208);
    --c-primary-5: rgb(218, 224, 238);

    /* Secondary */
    --c-secondary-1: rgb(0, 0, 0);
    --c-secondary-2: rgb(50, 50, 50);
    --c-secondary-3: rgb(100, 100, 100);
    --c-secondary-4: rgb(150, 150, 150);
    --c-secondary-5: rgb(180, 180, 180);

    /* Tertiary */
    --c-tertiary-1: rgb(200, 200, 200);
    --c-tertiary-2: rgb(235, 235, 235);
    --c-tertiary-3: rgb(245, 245, 245);
    --c-tertiary-4: rgb(255, 255, 255);

    /* Quaternary */
    --c-quaternary-1: rgb(178, 185, 248);
    --c-quaternary-2: rgb(228, 228, 235);
    --c-quaternary-3: rgb(237, 241, 255);
    --c-quaternary-4: rgb(246, 246, 254);

    /* miscellaneous */
    --c-green-1:rgb(15,157,88);
    --c-orange-1:rgb(255, 121, 0);

    /*--------------------------------------------------------------------------*\
        Fonts
    \*--------------------------------------------------------------------------*/

    /* Fonts to use (must be the same as the font_settings.json file) */
    --ff-txt: "Poppins", "Helvetica", "sans-serif";
    --ff-title: "Montserrat", "Helvetica", "sans-serif";

    /* Fonts sizes */
    --fs-xtn: 11px;
    --fs-tn: 13px;
    --fs-sm: 15px;
    --fs-md: 17px;
    --fs-lg: 19px;
    --fs-xlg: 25px;
    --fs-xxlg: 40px;

    /* Fonts weights */
    --fw-thin: 400;
    --fw-regular: 500;
    --fw-bold: 600;
    --fw-xbold: 900;

    /*--------------------------------------------------------------------------*\
        Header
    \*--------------------------------------------------------------------------*/

    --header-height: 60px;

    /*--------------------------------------------------------------------------*\
        Topbar
    \*--------------------------------------------------------------------------*/

    --topbar-height: 40px;

}