:root { 
--primary-color: #003594;
--primary-color-text: #FFF;
--mainColor: #456787;
--black: #000;
--lightGreen: #9CBD00;
--lakeBlue: #6c8db4;
--yellow:#ffef61; 
--darkBlue: #012970;
--lightOrange: #f9aa4e;
--grey: #3b3b3b;
--coolGrey: #2b3848;
--silver: #ededed;
--darkOrange:#ffa300;
--beige:#958a7c;
--spacing-unit: 6px;
--margins: 2;

--calloutBG: var(--primary-color);
--max-width: 80vw;
--buttonBG: var(--silver);

--grid-columns: 4;
--grid-columns2: 2;
--grid-columns3: 3;
--grid-columns4: 4;
--margin-size: (var(--margins) * 2);
--cell-padding: (4 * var(--spacing-unit));
--grid-gutter: (var(--margins) * var(--spacing-unit));
--grid-margin: (var(--margin-size) * var(--spacing-unit));
--cell-margin: (var(--grid-gutter) / 2);
}