:root {
  /*base*/
  --color1:#e4007f;
  --color1alpha:rgba(228,0,127,.5);
  --color1-hover: #00a8e9;
  --color2:#00a8e9;
  --color2alpha:rgba(0,168,233,.5);
  --color3:#ff0000;
  --color4:#f7e0c7;
  --color5:#f6f2ed;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #ff5f5f;
  /*ui*/
  --color-primary: var(--color3);
  --color-secondary: var(--color2);
  --text-primary: var(--color3);
  --text-secondary: var(--color2);
  --btn-primary: var(--color1);
  --btn-secondary: #f0b888;
  --btn-secondary-hover: #d27627;
  --ui-form-title:var(--color3);
  --navbar: rgba(0,0,0,.8);;
  --navbar-toggle: var(--color1);
  --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);
  --page-link: var(--color1);
  --footer: var(--color2);
  --footer-title: var(--color2); 
  --links-anchors: var(--color2);
  --links-anchors-bg: var(--color5);
}