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

/**
 * Global variables
 */

:root {

  /** Colors **/

  --color-primary--1: #F0FCFF;
  --color-primary--2: #71DFFF;
  --color-primary--3: #01A0CE;
  --color-primary--4: #11273B;

  --color-neutral--1: #FCFCFC;
  --color-neutral--2: #F3F2F2;
  --color-neutral--3: #DBD7D7;
  --color-neutral--4: #C2BCBC;
  --color-neutral--5: #5E5555;
  --color-neutral--6: #433D3D;
  --color-neutral--7: #282424;

  --color-secondary--1: #214465;
  --color-tertiary--1: #F4F8FD;

  --color-impact--1: #DE3410;

  /** Font Size **/

  --content-size-l: 1.25rem /* 20px */;
  --content-size-m: 1rem /* 16px */;
  --content-size-s: 0.75rem /* 12px */;

  --heading-size-xxl: 4.5rem /* 72px */;
  --heading-size-xl: 4rem /* 64px */;
  --heading-size-l: 3rem /* 48px */;
  --heading-size-m: 2rem /* 32px */;
  --heading-size-s: 1.5rem /* 24px */;
  --heading-size-xs: 1rem /* 16px */;
}