html.white-mode body {
  font-family: 'cormorant' !important;
  background-color: #FDF7E3 !important;
  color: #232323 !important;
}

html.dark-mode body {
  font-family: 'cormorant' !important;
  background-color: #232323;
  color: #FDF7E3;
}
/* White-mode specific styles */
html.white-mode, body.white-mode {
    background-color: #FDF7E3 !important; /* Light background */
    color: #232323 !important;           /* Dark text */
}

/* Navbar adjustments for white mode */
html.white-mode .cid-sYde4BOUcJ .navbar {
    background-color: #FDF7E3 !important;
    background: #FDF7E3 !important;
}

html.white-mode .cid-sYcUZe2tFK {
    background-color: #FDF7E3 !important;
}

/* White-mode link styles */
html.white-mode a {
    color: #232323 !important; /* Dark text for links */
}

html.white-mode a:hover {
    color: #000000 !important; /* Slightly lighter on hover */
}

/* White-mode button adjustments */
html.white-mode .btn-white-mode {
    background-color: #232323 !important; /* Dark background */
    color: #FDF7E3 !important; /* Cream white text/icon */
}

html.white-mode .btn-white-mode:hover,
html.white-mode .btn-white-mode:focus {
    transform: scale(1.1) !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}

html.white-mode .btn-white-mode:active {
    transform: scale(0.98) translateY(2px) !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Dropdown adjustments for white mode */
html.white-mode .cid-sYde4BOUcJ .navbar.navbar-expand-lg .dropdown .dropdown-menu {
    background: #FDF7E3 !important;
    color: #232323 !important;
}
html.white-mode .cid-sYde4BOUcJ button.navbar-toggler .hamburger span {
    background-color: #232323 !important;
}

/* General white-mode adjustments for text */
html.white-mode .text-white {
    color: #232323 !important;
}
html.white-mode .transparent-font {
    color: transparent !important; /* Hide the text */
}

/* Dark-mode button adjustments */
.btn-white-mode {
    font-size: 0.8rem !important;
    padding: 0.1rem 0.25rem !important;
    border-radius: 4px !important;
    /* display: flex !important; */
    align-items: center !important;
    justify-content: center !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-color: #FDF7E3 !important; /* Cream white background */
    color: #232323 !important; /* Dark icon color */
    outline: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    color: 0.3s ease !important;
    transform: 0.2s ease !important; 
    box-shadow: 0.2s ease !important;
}

.btn-white-mode:hover,
.btn-white-mode:focus {
    transform: scale(1.1) !important;
    box-shadow: 0 2px 2px rgba(253, 247, 227, 0.15) !important;
}

.btn-white-mode:active {
    transform: scale(0.98) translateY(2px) !important;
    box-shadow: 0 2px 2px rgba(253, 247, 227, 0.15) !important;
}