:root {
  /* Colors */
--white: #fff;
--black: #000;
--dark-blue: #295fa2;
--blue: #4b80c2;
--light-blue: #5b92d6;
--lite-drey: #efecea;


/* Fonts */
--fonts-montserrat: 'Montserrat', 'Roboto', 'Arial', sans-serif;

/* Body */
--base-text-color: var(--black);
--base-background-color: var(--white);
--font-size-base: 16px;
--line-height-base: 1.3;
--base-font-weigth: 400;
--base-font-family: var(--fonts-montserrat);


/* Liks */
--base-link-color: var(--blue);

/* Buttons  */
--btn-color: var(--blue);
--btn-background: var(--white);
--btn-border-color: var(--blue);
--btn-padding: 1em 0.5em;
--btn-font-size: 18px;
--btn-font-weigth: 700;


/* Forms */
--form-element-padding: var(--btn-padding);
--form-element-border-color: var(--blue);
--form-element-focus-border-color:  var(--lighter-blue);
--placeholder-color: var(--black);

/* Headers */
--h1-font-size: 30px;
--h2-font-size: 20px;
--h3-font-size: 18px;
--h4-font-size: 16px;
--h5-font-size: 14px;
--h6-font-size: 12px;

--headings-font-family: var(--fonts-montserrat);
--headings-color: var(--blue);
--headings-font-weigth: 700;


--animation-speed: all 0.3s;
}