/* colors = ["#cec5c1", "#9f8f7f", "#924a42", "#5a2028",
        "#a4b9b1", "#4ea7a6", "#026d73", "#06494f"]; */

body {
    background-color: #fdf9f8;
    }

    .bigname {
    color: #5a2028; 
    }
    
    h1 {
    color: #5a2028;
    }

    h2 {
    color: #924a42;
    }

    h3 {
      color: #924a42;
      font-size: 0.1rem;       /* smaller text (default body size) */
      font-weight: 600;      /* optional: keep it boldish if desired */
      margin-top: 1rem;      /* optional: tighten spacing */
      margin-bottom: 1rem;
    }
    
    div {
    /* border: 3px solid #4ea7a6; */
    /* background-color: #f8f3ee; */
    background-color: #fdf9f8;
    }
/* 
    a:link {
    color: #428f8e;
    }

    a:hover {
    color: #924a42;
    }

    a:visited {
    color: #924a42;
    }
 */

    /* Toggle Dark Theme */

    .button {
    background-color: #dfd7cf;
    border: 0px solid #5a2028;
    color: #5a2028;
}

.button:hover {
    background-color:#a4b9b1;
    color: #06494f;
}

#theme-btn {
    color: #5a2028;
}

#theme-btn:hover {
    color: #06494f;
}


/* Table */

.table1 {
    color: black; 
}



.changeTheme {
  /* background: #1D1E22; */
  background: #302628;
  color: #e6dfdc;
}
.changeTheme .bigname { color: #dac3b9; }
.changeTheme h1 { color: #cec5c1; }
.changeTheme h2 { color: #cb9690; }
.changeTheme h3 { color: #cb9690; }
.changeTheme div { background-color: #302628; }
.changeTheme #theme-btn { color: #a36760; }
.changeTheme .table1 { color: #e6dfdc; }


/* === Link color scheme for red theme (research.html) — robust hover === */
a, a:link { 
  color: #924a42;               /* red default */
  text-decoration: none; 
}
a:visited { 
  color: #026d73;               /* blue when visited */
}
/* Place hover/focus AFTER visited so it wins on visited links too */
a:hover, a:focus, a:visited:hover, a:visited:focus { 
  color: #026d73;               /* darker red on hover */
  text-decoration: underline; 
}


@media (prefers-color-scheme: dark) {
  a, a:link {
    color: #6ecfd4;  /* lighter cyan version for better contrast in dark mode */
  }
  a:visited {
    color: #6ecfd4;;  /* lighter red tone */
  }
}