:root {
  --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;

  --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
  --modal-header-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
  --modal-footer-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
  
  --drop-down-menu-bg: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;

  --button-color: hsla(0,0%,100%,.15);
  --button-color-hover: hsla(0,0%,100%,.30);
  --button-text: #eee;
  --button-text-hover: #FFF;
  
  --accent-color:  244, 67, 54;
  --accent-color-hover: rgb(var(--accent-color),.8);
  --link-color: #ddd;
  --link-color-hover: #fff;
  --label-text-color: #fff;
    
  --text:#eee;
  --text-hover: #fff;
  --text-muted: #bbb;
}