:root {
  /*base*/
  --color1:#e7d565;
  --color2:#ea6085;
  --color3:#6a005f;
  --color4:#f7e0c7;
  --color5:#f6f2ed;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #ff5f5f;
  --gradient-primary:linear-gradient(180deg, #eac287 0% , #e7d565 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: #df2355;
  --btn-secondary: #f0b888;
  --btn-secondary-hover: #d27627;
  --btn-favorite:rgba(234,96,133,.9);
  --btn-favorite-hover:rgba(234,96,133,1);
  --btn-more:var(--color2);
  --block-primary:var(--color5);
  --block-primary-border:var(--color4);
  --exsurvey: var(--color5);
  --exsurvey-qnum: var(--color2);
  --exsurvey-icon:#ddd;
  --exsurvey-icon-hover: var(--color2);
  --exsurvey-answer: var(--color2);
  --ui-form-title:var(--color3);
  --navbar: var(--gradient-primary);
  --navbar-toggle: var(--color2);
  --navbar-hover: rgba(234,104,139,0.8);
  --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(--color2);
  --page-link: var(--color1);
  --footer: var(--color1);
  --footer-title: var(--color2); 
  --advert: var(--color5);
  --links-anchors: var(--color2);
  --links-anchors-bg: var(--color5);
  --logintype-icon: var(--gradient-primary);
  --datetime-picker: var(--color2);
}