:root {
  --color-gray-dark: #475157;
  --color-gray-dark-alt: #4F585E;
  --color-gray-dark-alt2: #434D53;
  --color-gray-normal: #A1A6AA;
  --color-gray-light: #7D878D;

  --color-white: #fff;
  --color-green: #5CB449;
  --color-orange: #FAA03D;
  --color-blue: #40A7D1;
  --color-marine: #688190;
  --color-red: #F1235A;
  --color-brand: #F59134;
}

@font-face {
  font-family: 'DIN';
  src: url('/assets/fonts/clanot-news.otf');
  font-weight: normal;
}

@font-face {
  font-family: 'DIN';
  src: url('/assets/fonts/clanot-thin.otf');
  font-weight: 300;
}

body {
  background: var(--color-gray-dark);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'DIN';
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;

  & h1 {
    color: blue;
  }
}

#root {
  min-height: 100vh;
}