.light {

   /* main *,
    body {

        color: #000000;
    }*/



    .theme-switch {
        background-color: #000000;
        color: #ffffff;
    }

}

.dark {

    main *,
    body {
        background-color: #000000;
        color: #ffffff;
    }

    .button-switch {
        background-color: #ffe092;
        color: #000000;
        border: 2px solid red;
        border-radius: 5px;
    }

    .button {
        background-color: #ffe092;
        color: #000000;
        border: 2px solid red;
        border-radius: 5px;
    }

    .button-reservation {
        background-color: #00897b;
        color: white;
         border: 2px solid red;
    }

    .cta-button {
         border: 2px solid red;
    }

    footer {
        color: #000000;
    }



    .theme-switch {
        background-color: #ffffff;
        color: #000000;
    }


}