/* Background: soft cream with subtle gradient */
body {
    background: linear-gradient(-45deg, #F9F6F0, #F7F4EC, #F5F2E7, #F9F6F0);
    background-size: 100% 100%;
    animation: gradient 15s ease infinite;
    margin: 0;
    color: #0B1D3F; /* navy main text */
}

/* Header text */
.item1 {
  color: #0B1D3F; /* deep navy */
}

/* Menu */
.item2 li {
  background-color: #6B5B4C; /* muted taupe */
  color: #F9F6F0; /* soft cream */
}

.item2 li:hover {
  background-color: #BFA46F; /* warm gold */
  color: #0B1D3F; /* navy text on gold */
}

/* Right sidebar */
.item4 {
  border: 2px solid #BFA46F; /* gold border */
  background-color: #F9F6F0; /* cream background */
  color: #6B5B4C; /* taupe text */
}

/* Flip backgrounds */
#flip div div {
  background: #0B1D3F; /* navy */
}
#flip div:first-child div {
  background: #6B5B4C; /* taupe */
}
#flip div:last-child div {
  background: #BFA46F; /* gold */
}

/* Buttons */
.button {
  background-color: #6B5B4C; /* taupe */
  color: #F9F6F0; /* cream */
}

.button:hover {
  background-color: #BFA46F; /* gold */
  color: #0B1D3F; /* navy */
}

.button3 {
  background-color: #F9F6F0; 
  color: #6B5B4C; 
  border: 2px solid #BFA46F;
}

.button3:hover {
  background-color: #BFA46F;
  color: #0B1D3F;
}

/* Navigation */
.topnav {
  background-color: #6B5B4C; /* taupe */
}

.topnav a:hover,
.dropdown:hover .dropbtn {
  background-color: #BFA46F; /* gold */
  color: #0B1D3F;
}

.topnav a.active {
  background-color: #0B1D3F; /* navy */
  color: #F9F6F0; /* cream */
}

/* Dropdown hover */
.dropdown-content a:hover {
  background-color: #BFA46F; /* gold */
  color: #0B1D3F;
}

/* Form labels and submit button */
form .field label {
  background: linear-gradient(90deg,  #6B5B4C ,  #BFA46F);
  color: #F9F6F0;
}

form input[type="submit"] {
  background: linear-gradient(90deg, #6B5B4C ,  #BFA46F);
  color: #F9F6F0;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus {
  background: #0B1D3F;  
  color: #F9F6F0;
}

/* Animated text gradient */
.animates-character {
  background-image: linear-gradient(
    -225deg,
    #0B1D3F 0%,
    #6B5B4C 29%,
    #BFA46F 67%,
    #F9F6F0 100%
  );
  color: transparent;
}

.w3-black, .w3-hover-black:hover {
    color: #fff !important;
    background-color: #797979 !important;
}