:root {
  --white: #fff;
  --black: #000;
  --default: #111;
  --primary: #0054c6;
  /*--primary: #2253BF;*/
  --gray: #666;
  --lightgray: #f2f2f2;
  --lightgray2: #ddd;
  --blue-hover: #2886d8;
  --bluelight: #3083f4;

  /*--filter-primary: invert(20%) sepia(89%) saturate(2638%) hue-rotate(207deg) brightness(91%) contrast(103%);*/
  --filter-primary: invert(22%) sepia(81%) saturate(2416%) hue-rotate(215deg)
    brightness(89%) contrast(87%);
  --filter-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg)
    brightness(102%) contrast(102%);
  --filter-svg-hover: invert(52%) sepia(99%) saturate(1101%) hue-rotate(188deg)
    brightness(110%) contrast(91%);

  --svg-article: #ffffff;
  --svg-article-dm: #000;
  --svg-article-hover: #0054c6;
  --c_new: #050d81;

  /* --font-default: 'Josefin Sans', sans-serif; */
  --font-default: "Charis SIL", sans-serif;
  /*--font-default: 'DM Serif Display', sans-serif;*/
  --font-Guru: "PT Sans", sans-serif;
  --font-article: "Charis SIL", sans-serif;
  /*--font-article: 'DM Sans', sans-serif;*/
  --font-quicklink: "Sora", sans-serif;
  --font-Arial: "Arial", sans-serif;
  /*--font-Arial: 'Rubik', sans-serif;*/
  --font-Rubik: "Rubik", sans-serif;

  --txt-header: 22px;
  --txt-header2: 18px;
  --txt-detail: 18px;
  --txt-header-highlight: 30px;
}