:root {
  /*base*/
  --color1:#f09e00;
  --color2:#e60012;
  --color3:#b53d3e;
  --color4:#d1d6d9;
  --color5:#f1f1f1;
  --color6:#65c4c0;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #ff5f5f;
  --gradient-primary:linear-gradient(180deg, #ffb129 0% , #f09e00 80% );
  /*ui*/
  --color-primary: var(--color3);
  --color-secondary: var(--color2);
  --text-primary: var(--color3);
  --text-secondary: var(--color2);
  --btn-primary: var(--color2);
  --btn-primary-hover: #ab0000;
  --btn-secondary: #0088e1;
  --btn-secondary-hover: #00609f;
  --btn-favorite:rgba(28,186,153,.9);
  --btn-favorite-hover:rgba(28,186,153,1);
  --btn-more:var(--color6);
  --block-primary:var(--color5);
  --block-primary-border:var(--color4);
  --ui-form-title:var(--color3);
  --navbar: var(--gradient-primary);
  --navbar-toggle: var(--color2);
  --navbar-hover: rgba(0,0,0,0.2);
  --navbar-user-hover: var(--color3);
  --navbar-user-order: var(--text-primary);
  --navbar-user-tutor: var(--text-secondary);
  --header: var(--gradient-primary);
  --header-message: var(--gradient-primary);
  --article-tab: var(--color6);
  --article-tab-text: var(--color2);
  --page-link: #79c3e1;
  --footer: var(--color1);
  --footer-title: #9ce4e1; 
  --advert: #f7f7f7;
  --links-anchors: var(--color2);
  --links-anchors-bg: var(--color5);
  --logintype-icon: var(--gradient-primary);
  --datetime-picker: var(--color2);
}