
  :root {
    --modal-background-main: rgba(43, 9, 119, 1);
    --modal-background-button: rgba(213, 96, 255, 1);
    --modal-background-card: #ffffff;
    --modal-background-input: rgba(213, 96, 255, 1);
    --modal-color-button: #ffffff;
    --modal-color-icon: rgba(213, 96, 255, 1);
    --modal-color-font: #ffffff;
    --modal-color-input: #ffffff;
    --modal-color-highlight: rgb(229, 204, 255);
    
    --navbar-background-main: linear-gradient(0deg, rgba(57,13,155,1) 1%, RGBA(39, 9, 103, 1) 2%);
    --navbar-background-button: rgba(213, 96, 255, 1);
    --navbar-background-card: #ffffff;
    --navbar-background-input: #ffffff;
    --navbar-color-button: #ffffff;
    --navbar-color-icon: rgba(213, 96, 255, 1);
    --navbar-color-font: #ffffff;
    --navbar-color-highlight: rgb(229, 204, 255);
    --navbar-color-input: #ffffff;
  
    --popup-background-main: #fff;
    --popup-background-button: #fff;
    --popup-color-button: #fff;
    --popup-color-font: #fff;

    --main-background-main: rgba(43, 9, 119, 1);
    --main-background-button: rgba(213, 96, 255, 1);
    --main-background-card: #ffffff;
    --main-background-input: rgba(213, 96, 255, 1);
    --main-color-button: #ffffff;
    --main-color-icon: rgba(213, 96, 255, 1);
    --main-color-font: #ffffff;
    --main-color-highlight: rgb(229, 204, 255);
    --main-color-input: #ffffff;
  
    --aside-background-main: rgba(43, 9, 119, 1);
    --aside-background-button: rgba(213, 96, 255, 1);
    --aside-background-input: #ffffff;
    --aside-background-card: #ffffff;
    --aside-color-button: #ffffff;
    --aside-color-icon: rgba(213, 96, 255, 1);
    --aside-color-font: #ffffff;
    --aside-color-highlight: rgb(229, 204, 255);
    --aside-color-input: #ffffff;

    --bottom-background-main: rgb(252, 1, 31);
    --bottom-background-button: rgba(213, 96, 255, 1);
    --bottom-background-input: #ffffff;
    --bottom-background-card: #ffffff;
    --bottom-color-button: #ffffff;
    --bottom-color-icon: rgba(213, 96, 255, 1);
    --bottom-color-font: #ffffff;
    --bottom-color-highlight: rgb(229, 204, 255);
    --bottom-color-input: #ffffff;
  
    --footer-background-main: rgba(43, 9, 119, 1);
    --footer-background-button: rgba(213, 96, 255, 1);
    --footer-background-card: #ffffff;
    --footer-background-input: #ffffff;
    --footer-color-highlight: rgb(229, 204, 255);
    --footer-color-button: #ffffff;
    --footer-color-icon: rgba(213, 96, 255, 1);
    --footer-color-font: #ffffff;
    --footer-color-input: #ffffff;
  }
  