:root {
  /* Background color */
  --color-bg: #2b1414;

  /* Header background color */
  --color-head-bg: #831010;

  /* Logotype */
  --color-logotype-bg: #000000;
  --color-text-logotype: #ffffff;
  --font-logotype-size: 1rem;

  /* Global menu */
  --color-menu-bg: #0a0a0a;

  /* Links */
  --color-link-bg: #2a2b30;
  --color-link-hover: #000000;
  --color-link-active: #000000;
  --border-radius-links: 1px;

  /* Headlines (size)*/
  --font-h1-size: 1rem;
  --font-h2-size: 1rem;
  --font-h3-size: 1rem;

  --headline2-size: 1rem;
  --headline3-size: 1rem;
  --font-sub1-size: 1rem;

  /* Headlines (color) */
  --color-headline-bg: #2a2b30;

  /* Tekst */
  --color-text: #ffffff;
  --color-text-inverted: #000000;

  /* Andet tekst */
  --followup-text-size: 1rem;

  /*  Margins */
  --margin-head-bottom: 5px;

  /* Borders */
  --border-radius: 5px;

  /* Cards */
  --color-card-bg: #2a2b30;
  --color-card-bg-inverted: #111111;
  --color-cta-card-bg: #8f1414;
  --color-cta-card-bg-inverted: #d89200;

  /* Fonts & font weights*/
  --font-family-sans: ui-sans-serif;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 300;
  --font-weight-light: 200;

  /* Infographics background colors*/
  --color-info-bg: #7b808a;
}