/**
 * @file
 * The variables.
 *
 * It includes styles variables for colors.
 */

/**
 * Global variables
 */

:root {

  /** Colors **/

  --color-primary--1: #265270;
  --color-primary--x-clear: #E8F0F5; /**--2**/
  --color-primary--clear: #AFC8D8; /**--3**/
  --color-primary--dark: #1B384C; /**--4**/
  --color-primary--5: #F6F6FA; /**--5**/

  --color-secondary--1: #E97153;
  --color-stroke: #EFEFEF;
  --color-white: #FFFFFF;
  --color-neutral: #35373C;

  --color-black: #2A2933;

  /** Font Size **/

  --paragraph-size: 1rem;
  --paragraph-size-small: 0.8rem;

  --heading-size-extra-large: 2.375rem;
  --heading-size-large: 1.875rem;
  --heading-size: 1.375rem;
  --heading-size-small: 1.267rem;


}
@media all and (min-width: 1300px) {
  :root {
    --paragraph-size-small: 0.875rem;

    --heading-size-extra-large: 3.0rem;
    --heading-size-large: 2.5rem;
    --heading-size: 1.750rem;
    --heading-size-small: 1.312rem;
  }
}