/* VARIABLES (CSS Custom properties)
---------------------------------------------------------------------------- */
/*
https://color.adobe.com/sv/create/color-wheel

*/


: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*/
--cdfn-color-blue-dark: #143C66;
--cdfn-color-blue-default: #2469B3;
/*--cdfn-color-blue-light: #CEDCE3;*/
--cdfn-color-blue-light: #CCE5FF;

/* Secondary colors */


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

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

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


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

--cdfn-font-family-base: 'Open Sans', sans-serif;
/*--cdfn-font-family-serif: 'Prata', serif;*/

/* Buttons
---------------------------------------------------------------------------- */
--cdfn-button-font-family: 'Open Sans', sans-serif;

/* Spacing
---------------------------------------------------------------------------- */

--cdfn-spacing-medium: 1.25rem; /*20px*/

}