/* VARIABLES (CSS Custom properties)
---------------------------------------------------------------------------- */

:root {

/* Colors
---------------------------------------------------------------------------- */
/*
--env-link-font-color
--env-link-hover-font-color

--env-element-font-color: #202330;
--env-element-background-color: #f0f1f2;
--env-element-background-color-dark: #dadddf;
--env-element-background-color-light: #f8f9f9;
--env-element-primary-font-color: #fff;
--env-element-primary-background-color: #3a71aa;
--env-element-primary-background-color-dark: #305d8c;
--env-element-primary-background-color-light: #3e79b5;
*/

/* Primary colors*/
--sma-color-blue-dark: #005785; /*Dark Cerulean*/
--sma-color-blue-default: #007ab8;
--sma-color-brown-dark: #573F02; /*Raw Umber*/

/* Secondary colors */


/* Base */
/*
--sma-color-black: #313131;
--sma-color-gray-dark: #999999;
--sma-color-gray-default: #D7D7D7;
--sma-color-gray-light: #F6F6F6;
--sma-color-white: #FFFFFF;
*/

/* Text */
/*
--sma-color-text-black: #313131;
--sma-color-text-white: #FFFFFF;
*/

/* Links */
/*
--sma-link-font-color: #3a71aa;
--sma-link-hover-font-color: #305d8c;
*/

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

--sma-font-family-base: 'Roboto', sans-serif;
--sma-font-family-heading: 'Oswald', sans-serif;

/* Buttons
---------------------------------------------------------------------------- */
--sma-button-font-family: 'Roboto', sans-serif;


}