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

.theme{

    /*--------------------------------------------------------------------------*\
        Colors (in common of all themes)
    \*--------------------------------------------------------------------------*/

    /* miscellaneous */
    --c-white:rgb(255,255,255);
    --c-blue-1:rgb(75,95,250);
    --c-green-1:rgb(15,157,88);
    --c-orange-1:rgb(255, 121, 0);
    --c-purple-1:rgb(128,133,246);
    --c-turquoise-1:rgb(55,226,196);

    /* 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);

    /*--------------------------------------------------------------------------*\
        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;

}