:root {
  --thm-font: 'Montserrat', sans-serif;
  --heading-font: 'Montserrat',sans-serif;
  --light-font:'Montserrat',sans-serif;
  --menu-font:'Montserrat',sans-serif;
  --strong-font:'Montserrat',sans-serif;

  --thm-base: #F0CC06;
  --thm-base-rgb: 16, 16, 17;
  --thm-primary: #101211;
  --thm-primary-rgb: 255, 0, 51;
  --thm-black: #2b2c2ef1;
  --thm-black-rgb: 97, 10, 28;
  --thm-gray: #f3f5f9;
  --thm-gray2: #f2f4f8;
  --thm-text: #848895;
  --bg-primary: #F0CC06;
  --bg-secondary:#2E2E2E; 
  --bg-blog: #D895E2;
  --bg-pharner: #F0CC06;
  --bg-cajadisplay: #8809A6;
  --bg-top-bar: #F0CC06;
  --bg-footer: #D895E2;
  --tm-bg-overlay: #8909a683;
  --thm-text-title: #8809A6;
  --thm-text-menu: #8809A6;
  --thm-text-footer: #8809A6;
  --thm-text-player: #8809A6;
  --thm-text-normal: #FFFFFF;
  --thm-text-active: #F9ED1C;
  --thm-text-hover:  #F9ED1C;
  --thm-text-slider:  #F9ED1C;
  --bg-user-panel: #8809A6;
  --bg-user-bg-header: #F9ED1C;
  --bg-displaybar1:#F9ED1C;
  --tm-shadow:#050405;
  --border-color-display:#8809A6;
  --thm-text-menu-hover: #F9ED1C;
  --tm-link-hover:#F9ED1C;
  --bg-displaybar1:#F9ED1C;
  --bg-displaybtn: #8809A6;
  --tm-obj-hover: #F9ED1C;
  --thm-obj-active:#FFFFFF;
  --tm-obj-active: #FFFFFF;
  --tm-grad-ini: #8809A6;
  --tm-grad-fin: #8809A6;
  --tm-grad2-fin: #8809A6;
  --tm-grad2-ini: #F9ED1C;
  --tm-bar-grad-ini: #9E51AE;
  --tm-bar-grad-fin: #8809A6;

  --bg-prog-dark:#8809A6;
  --tit-prog-dark: #FFFFFF;
  --text-prog-dark:  #EAF5FF;
  --text-active-prog-dark:#F0CC06;

  --bg-prog-light:#FFFFFF;
  --tit-prog-light: #F9ED1C;
  --text-prog-light: #9E51AE;
  --text-active-prog-light: #F9ED1C;

  --bg-loader:#F0CC06;
  --bg-loader-frame:#8809A6;
  --bg-loader-frame2:#9126A9;

  --grad-bg1: #9126A9;
  --grad-bg2: #9E51AE;
  --grad-bg3: #8809A6;
}