/* 예: theme.css */

/* 기본 라이트 모드 */
body.light {
    background-color: pink !important;
    color: #000000;
}

body.light input {
    background-color: azure;
    color: gray;
}

body.light select {
    background-color:azure;
    color: gray;

}

body.light #policy-container {
    background-color:azure;
    color: gray;
}
body.light #policy-home {
    background-color:azure;
    color: gray;
}
body.light #about-contaier {
    background-color:azure;
    color: gray;
}
body.light #about-home {
    background-color:azure;
    color: gray;
}

{
    background-color:azure;
    color: gray;

}
body.light .time-display {
  color: azure;
}
body.light .progress-ring__background{
   stroke: azure;
}
body.light button{
    background-color: azure;
    color: gray;
}
body.light .hamburger{
    background : none;

}
body.light .timer-explanation{
    background-color: azure;
    color: gray;
}
body.light .site-footer{
    background-color: azure;
    color: gray !important;
}

body.light p{

    color: gray !important;
}
body.light .contact1{
    color: gray !important;
}

body.light .sidebar{
    background-color: antiquewhite;
    color: gray !important;
}
body.light button:hover {
background-color: aquamarine;
}

body.light .dropdown-menu{
    color: gray !important;
}
body.light li{
    color: gray !important;
}
body.light a{
    color: gray !important;
}

body.light li p:hover{
    background-color: azure !important;
}
body.light .contact {
    color: gray !important;
}
body.light .policy {
    color: gray !important;
}
body.light li a:hover{
    background-color: azure !important;
}

body.light ul p:hover{
    background-color: azure;
}
body.light .mode-option:hover{
    background-color: azure;
}
body.light #dailyTotal{
    color: azure;
}
body.light .study-summary{
    color: azure;
}
body.light .bar{
    background-color : pink;
}
body.light .graph-explain{
    background-color : pink;
}






body.light .graph-container {
    background-color: #f3f3f3;
}

/* 다크 모드 */
body.dark {
    background-color: #121212;
    color: #f0f0f0;
}

body.dark .graph-container {
    background-color: #343434;
}