:root,
:root.theme-light {

    /* Site */
    --site-max-w: none;
    --site-min-w: 1366px;
    --site-min-h: 700px;

    /* Fonts */
    --ff-base: 'Montserrat', sans-serif;
    --fs-base: 0.9rem;
    --fs-p: 1.1rem;
    --fs-h1: 3rem;
    --fs-h2: 1.9rem;
    --fs-h3: 1.4rem;
    --fs-h4: 1.2rem;
    --fs-xx: 1rem;
    --fs-xxx: 0.8rem;
    --fs-xl: 4rem;
    --fw-base: 400;
    --fw-light: 300;
    --fw-medium: 500;
    --fw-bold: 600;
    --flh-base: 1.5rem; /* Based on paragraph size */   

    /* Colors */
    --primary-color: #152030;
    --secondary-color: #317FC1;
    --third-color: #FEF2D3;
    --success-color: #1B9D12;
    --failed-color: #CA2443;
    --alert-color: #CA2443;
    --bg-color: #F4F7F9;
    --bg-content-color: #ffffff;
    --amazon-color: #F29D1E;
    --palette-color1: #D2E8F9;
    --palette-color2: #E5ECCC;
    --palette-color3: #BA4E5C;
    --palette-color4: #94C5F7;
    --scorea: #498C33;
    --scoreb: #AFE93C;
    --scorec: #E98F3C;
    --scored: #E94D3C;

    /* More Colors */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-grey: #9D9B9B;
    --color-light-grey: #E7E8EE;
    --color-dark-grey: #545454;
    --color-light-blue: aliceblue;
    
    /* Links & Buttons */
    --link-color: #317FC1;
    --link-color-hover: #152030;
    --link-color-hover-dark: #152030;
    --bt-br: 0;
    --bt-fs: 1rem;
    --bt-color: var(--color-white);
    --bt-color-bck: #317FC1;
    --bt-color-hover: var(--color-white);
    --bt-color-bck-hover: #152030;
    --bt-color-inverted: #545454;
    --bt-color-bck-inverted: var(--color-white);
    --bt-color-border-inverted: #cccccc;
    --bt-color-disabled: #152030;
    --bt-color-bck-disabled: #CECECE;
    --bt-color-bck-diaglogs: #ececec;
    --bt-color-bck-diaglogs-dark: #374151;

    /* Interface */
    --header-color: #FEF2D3;
    --header-text-color: #152030;
    --header-icon-color: #152030;
    --header-logo-fill: #152030;
    --nav-color: #152030;
    --nav-hover-color: 1.2;
    --nav-icon-color: var(--color-white);
    --nav-icon-collapse-color: #317FC1;
    --nav-line-color: #317FC1;
    --nav-menu-mobile: #152030;
    --breadcrumb: var(--color-white);
    --breadcrumb-color: #152030;
    --main-page-filters: var(--color-white);
    --main-container: var(--color-white);

    /* Dialogues */
    --dialog-bck: var(--color-white);
    --dialog-color: var(--primary-color);
    --dialog-color-hover: var(--primary-color);
    --dialog-icon-close: #4d4e4e;
    --dialog-icon-color: #4d4e4e;
    --dialog-icon-hover-color: #317FC1;
    --dialog-a-hover-color: #363637;
    --dialog-borders: #152030;

    /* Inputs */
    --form-ff: 'Montserrat', sans-serif;
    --form-bgcolor: #fff;
    --form-fs: 14px;
    --form-flh: 14px;
    --form-placeholder-color: #152030;
    --form-ms-choice-placeholder-color: #152030;
    --form-ele: #545454;
    --form-icons-top: #152030;
    --form-icons-top-page: #152030;
    --form-icons-top-hover: #317FC1;
    --form-borderradius: 0;
    --form-border: 1px solid #BEBEBE;
    --form-icons: #BEBEBE;
    --form-input-h: 40px;
    --form-textarea-h: 120px;
    --form-textarea-p: 14px;
    --form-textarea-lh: 1.4rem !important;
    --form-select-h: 40px;
    --label-fs: 14px;
    --label-flh: 14px;   
}

:root.theme-dark {
    /* Links & Buttons */
    --link-color: #317FC1;
    --link-color-hover: #152030;
    --bt-color-hover: var(--color-white);
    --link-color-hover-dark: var(--color-white);

    /* Colors */
    --bg-color: #2D2D2F;
    --bg-content-color: #EFEFEF;

    /* Interface */
    --header-color: #252525;
    --header-text-color: var(--color-white);
    --header-icon-color: var(--color-white);
    --header-logo-fill: var(--color-white);
    --nav-color: #252525;
    --nav-hover-color: rgba(0,0,0,.4);
    --nav-icon-color: var(--color-white);
    --nav-icon-collapse-color: #317FC1;
    --nav-line-color: #317FC1;
    --nav-menu-mobile: var(--color-white);
    --breadcrumb: #363637;
    --breadcrumb-color: var(--color-white);
    --main-page-filters: #A6A6A6;;
    --main-container: #A6A6A6;

    /* Dialogues */
    --dialog-bck: #363637;
    --dialog-color: var(--color-white);
    --dialog-icon-close: var(--color-white);
    --dialog-icon-color: var(--color-white);
    --dialog-icon-hover-color: #317FC1;
    --dialog-a-hover-color: #317FC1;
    --dialog-borders: var(--color-white);
    --color-light-grey: #cccccc;

    /* Inputs */
    --form-bgcolor: var(--color-white);
    --form-icons: var(--color-white);
    --form-icons-hover: #317FC1;
    --form-ms-choice-placeholder-color: var(--color-white);
    --form-icons-top-page: var(--color-white);
}

/* @media screen and (min-width: 1px) and (max-width: 750px) {
    :root,
    :root.theme-light,
    :root.theme-dark {
        --fs-base: 1rem;
        --fs-h1: 2.6rem;
        --fs-h2: 1.6rem;
        --fs-h3: 1.3rem;
        --fs-xx: 1rem;
        --fs-xxx: 0.9rem;
    }
} */