:root {
    /* Base Colors */
    --light:                  var(--color-01-05);    /* Very dark (was #000) */
    --dark:                   var(--color-01-99);   /* Very light (was #fff) */
    
    /* Backgrounds */
    --body-bg:                var(--color-01-05);    /* Main background: very dark */
    --nav-bg:                 var(--color-01-05);    /* Navigation background: very dark */
    
    /* Text Colors */
    --body-color:             var(--color-01-70);    /* Main text – mid brightness */
    --text-lighter:           var(--color-01-60);    /* Lighter text for less prominent elements */
    
    /* Section Backgrounds and Cards */
    --bg-light:               var(--color-01-95);    /* Lighter background areas */
    --card-bg:                var(--color-01-90);    /* Card background */
    --light-gray:             var(--color-01-75);    /* For less dominant elements */
    --light-hover-bg:         var(--color-01-85);    /* Slightly lighter hover background */
    
    /* Borders and Input Fields */
    --btn-light-border:       var(--color-01-10);    /* Dark border for buttons */
    --input-border:           var(--color-01-10);    /* Border color for inputs */
    --border-color:           var(--color-01-85);    /* General border: slightly lighter than background */
    
    /* Other Areas */
    --comment-bg:             var(--color-01-85);    /* Background for comments */
    --card-header-accent:     var(--color-01-85);    /* Accent color in card headers */
    
    /* Dropdown Menus */
    --dropdown-item-hover-bg:       var(--color-01-05);    /* Hover background: very dark */
    --dropdown-item-hover-color:    var(--color-01-60);    /* Hover text: a bit lighter */
    --dropdown-item-color:          var(--color-01-70);    /* Regular dropdown item text */
    --dropdown-item-active-color:   var(--color-01-99);    /* Active state: very light (white) */
}

div.page-wrapper{
    background: none;
    background-color: none;
}

.card-header-title {
    color: var(--color-01-37);
}