:root {
  /* Colors */
  --color-white: #FFFFFF;
  --color-accent-1: #3E7C94;
  --color-accent-2: #85C4DE;
  
  /* Neutral Colors */
  --color-neutral-1: #0F1116;
  --color-neutral-1-rgb: 15, 17, 22;
  --color-neutral-2: #1F242C;
  --color-neutral-3: #242A35;
  --color-neutral-4: #AAB4C5;
  --color-neutral-5: #EAEEF4;

  /* Typography */
  --font-family: 'DIN';


  /* Font Weights */
  --font-weight-medium: 500;
  --font-weight-light: 300;

  /* Letter Spacing */
  --letter-spacing-heading: -1%;
  --letter-spacing-default: 0%;

  /* Font Sizes */
  --font-size-heading: 52px;
  --font-size-heading-line-height: 67px;
  --font-size-overline: 28px;
  --font-size-overline-line-height: 35px;
  --font-size-body-s: 20px;
  --font-size-button: 24px;
  --font-size-button-line-height: 32px;
  --font-size-text-line-height: 25px;


  --base-unit : 4px;
  --base-unit-2: 5px;
  --base-unit-3: 6px;
}