/* Color Branding */
/*  base: #203265 */
/*  primary: #F2AB40 */
/*  secondary: #BF3646 */
/*  tertiary: #000000 */
/*  gray: #6e6e6e */
/* clr- is the prefix for all color variables */
/* -[] is the color name */
/* -[lt|ltr|ltst|dk|dkr|dkst] is the light, lightest, dark, darkest */
/* -bg is a background variant */


/* -------------- */


:root {
/* Brand Colors */
--clr-base: #203265;
--clr-primary: #F2AB40;
--clr-secondary: #BF3646;
--clr-gray: #6e6e6e;

--clr-base-lt: #83BCFF;
--clr-base-ltr: ;
--clr-base-ltst: ;
--clr-base-dk: ;
--clr-base-dkr: ;
--clr-base-dkst: ;
--clr-base-bg: #BBCFF2;

--clr-primary-lt: #F6CC8D;
--clr-primary-ltr: ;
--clr-primary-ltst: ;
--clr-primary-dk: ;
--clr-primary-dkr: ;
--clr-primary-dkst: ;
--clr-primary-bg: ;

--clr-secondary-lt: ;
--clr-secondary-ltr: ;
--clr-secondary-ltst: ;
--clr-secondary-dk: ;
--clr-secondary-dkr: ;
--clr-secondary-dkst: ;
--clr-secondary-bg: ;

--clr-gray-lt: ;
--clr-gray-ltr: ;
--clr-gray-ltst: ;
--clr-gray-dk: ;
--clr-gray-dkr: ;
--clr-gray-dkst: ;
--clr-gray-bg: #F2F2F2;
}


/* Background */
:root {
    background-color: var(--clr-base);
}
.clr-base-bg {
    background-color: var(--clr-base);
}
.clr-base-bg-lt {
    background-color: var(--clr-base-bg);
}
.clr-primary-bg {
    background-color: var(--clr-primary-bg);
}
.clr-secondary-bg {
    background-color: var(--clr-secondary);
}
.clr-gray-bg {
    background-color: var(--clr-gray-bg);
}


/* Buttons */
.elementor-button,
.elementor-button:hover {
    background-color: var(--clr-base-lt);
    color: var(--clr-base);
}

.elementor-button:focus {
    background-color: white;
    color: var(--clr-base);
}