:root {
  --primary-bg-color: #d13c13;
  --primary-text-color: #FFFFFF;

  --secondary-bg-color: #F2F2F2;  
  --secondary-text-color: #588157;

  --text-bg-color: #FFFFFF;
  --text-color: #444444;

  --link-color: #AB4400;
  --link-color-hover: #000000;

  --selected-bg-color: #a9d6e5;
  --selected-text-color: #000000;

  --border-color: #AAAAAA;

  --font-size-xl: 18px;
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xs: 10px;

  --icon-size-xl: 26px;
  --icon-size-l: 24px;
  --icon-size-m: 22px;
  --icon-size-s: 20px;
  --icon-size-xs: 18px;
}