:root {

 /* ---------------------------------------------------------- Typography --- */
  --font-body:      'FiraSans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-headings:  var(--font-body);
  --font-home-page: var(--font-body);
  --font-nav:       var(--font-body);
  --font-footer:    var(--font-body);

  --type-article-p: 400 1rem/2 var(--font-body);

 /* -------------------------------------------------------------- Colors --- */
  --text-primary:       #222;
  --text-headings:      #111;
  --text-blue:          #159;
  --text-orange:        #FF9800;

  --white:              #fff;
  --black:              #000;

  --gray-999:           #999;
  --gray-AAA:           #aaa;
  --gray-BBB:           #bbb;
  --gray-DDD:           #ddd;
  --gray-EEE:           #eee;

  --blue-dark:          #05b;
  --blue-light:         #06c;
  --blue-focus:         #06e;  /* custom radio & checkbox #37d */
  --blue-focus-shadow:  #cde;

  --bg-color-primary:       #159;   /* header, buttons, etc. */
  --bg-color-secondary:     #FF9800;   /* header, buttons, etc. */
  --bg-color-thirth:        #093f72;   /* nav, etc. */
  --bg-color-primary-text:  #fff;   /* buttons */
  --bg-color-primary-hover: #000;   /* buttons hover */

  --nav-bg-color:            #093f72;
  
  --footer-bg-color:            #093f72;
  --footer-text-color:          #fff;
  --footer-link-color:          #fff;
  --footer-link-border:         var(--gray-AAA);
  --footer-link-border-hover:   #fff;
  --footer-link-focus-outline:  var(--gray-999);

  --text-shadow-primary:   #fff;
  --text-shadow-secondary: var(--gray-DDD);

  --text-shadow-colored-primary:   #f0f3ff;
  --text-shadow-colored-secondary: #9bd;

  --border-skip-links: #59d;

  --bg-light-blue:      #e8f2fe;    /* MegaMenu links, mzl #F0F6FE */
  --bg-light_gray:      #f9f9fb;    /* blocks f3f3f3 fafbfc #f7f8fb */

  --text-link:          #159;
  --text-link-hover:    var(--bg-color-primary);
  --text-link-visited:  #903;

  --link-border:        #b2ccf0;
  --link-border-hover:  #FF9800;
  --link-border-visited:#e0b2e0;
  --link-border-visited-hover:#b25;

  /* === Breadcrumbs, Submenu, etc. === */
  --light-gray-bg:      var(--bg-light_gray);
  --light-gray-text:    #505066;
  --light-gray-border:  #cfcfd8;
  --light-gray-bg-link: var(--bg-color-primary);
  --light-gray-border-link: #259;
  --submenu-bg-link-hover: #f7f8fb;

  --clr-ol-ul-asterisk: var(--blue-light);

  --block-hover:        #f9fcff;    /* Books, VUZ, Survey - even row */

  --btn-go-top-bg:      #FF9800;
  --btn-go-top-bg-hover:#FF9800;
  --btn-go-top-color:   var(--black);
  --btn-go-top-border:  #FF9800;

  --pagination-bg:      var(--bg-color-primary);
  --pagination-color:   var(--white);
  --pagination-border:  var(--bg-color-primary);

  --pagination-bg-hover:      var(--black);
  --pagination-color-hover:   var(--white);
  --pagination-border-hover:  var(--black);

  --pagination-pages-bg:            #f0f0f1;
  --pagination-pages-color:         var(--black);
  --pagination-pages-color-current: var(--bg-color-primary);

  --pagination-disabled-bg:     var(--gray-AAA);
  --pagination-disabled-color:  var(--black);
  --pagination-disabled-border: var(--gray-AAA);

  --aside-border-top-color:   var(--bg-color-primary);  /* if max-width 1023px */
  --aside-border-left-color:  #cfdfef;

  /* === Custom radio and checkbox === */
  --checkmark-bg:     #f2f2f2;
  --checkmark-border: var(--gray-BBB);
  --checkmark-bg-disabled:     #fdd;
  --checkmark-border-disabled: #f66;
  --checkbox-bg:      #37b;
  --checkbox-border:  #37b;

  --placeholder-color:#555;

  /* === Shadows === */
  --main-shadow:        var(--gray-999);
  --main-shadow-hover:  #164d86;

  --arrow-gray:   var(--gray-AAA);
  --arrow-color:  var(--text-link);

  /* === SURVEY === */
    --survey-border:  #dadce0;
    --survey-bg-odd:  var(--white);
    --survey-bg-even: #f0fdff;     /* #eefbff #e8f5f9 #e8f6f5 */

    --SVG-ring:   #d2d3d4;
    --SVG-violet: #d0d;
    --SVG-orange: #F90;
    --SVG-green:  #1c1;
    --SVG-cyan:   #3cf;
    --SVG-red:    #f36;
    --SVG-gray:   #aaa;
}

/*
external
facebook
btn-menu   ==  X
asterisk
select.minimal
input.filter-countries

*/
