:root
{
   --Header-BG: #080f1e;
   --Header-Color:white;

   --Footer-BG: #080f1e;
   --Footer-Color:white;

   --Body-BG: white;
   --Body-Color:black;


   --SaveButton-Bg: whitesmoke;
   --SaveButton-Color: black;
   --SaveButtonHover-Bg:darkgray;
   --SaveButtonHover-Color:white;
   --SaveButton-Font-Size: 12px;
   --SaveButtonWidth:100px;
   --SaveButtonHeight:35px;

   --card-header-bg: #336699;
    
   --card-header-color: white;
   --card-header-font: medium;
   --card-header-weight: bold;
    
   --card-body-bg: white;
   --card-body-color: black;
   --card-body-font: small;
   --card-body-weight: bold;
    
   --card-footer-bg: #336699;
   --card-footer-color: white;
   --card-footer-font: 10px;
   --card-footer-weight: normal;
   --card-footer-align:right;

 
   --noLabelBG-font: small;
   --noLabelBG-weight: normal;  




   --nav-bg:          #0f172a;
   --nav-bg:          whitesmoke;       
   --nav-bg:          white;  
   --nav-border:      #1e293b;
   --nav-border:      darkgray;
   --nav-text:        #94a3b8;
   --nav-text:        black;
   --nav-text-active: #f1f5f9;
   --nav-accent:      #38bdf8;
   --nav-accent-bg:   rgba(56,189,248,0.1);
   --nav-hover:       #1e293b;
   --nav-logout:      #f43f5e;
   --nav-logout-bg:   rgba(244,63,94,0.1);
   --dropdown-bg:     #131f35;
   --dropdown-bg:     whitesmoke;
   --dropdown-border: #1e293b;
   --dropdown-border: darkgray;
   --dropdown-shadow: 0 8px 32px rgba(0,0,0,0.5);

}