@media (prefers-color-scheme: dark) {

    /* Loader Styles */
    .loader {
        background-color: #656565;
    }

    /* Headings */
    h1 {
        color: #ebebeb;
    }

    h2 {
        color: #ebebeb;
    }

    h3 {
        color: #ebebeb;
    }

    /* Paragraphs */
    p {
        color: #ebebeb;
    }

    /* Links */
    a {
        color: #ebebeb;
    }

    /* Body */
    body {
        background-color: #c21900;
    }

    /* Frosted Glass Effect */
    .frosted-glass {
        background: rgba(50, 50, 50, 0.5);
    }

    /* Menu Containers */
    .menu-container-top,
    .menu-container-bottom {
        background: #670707;
    }

    /* Button */
    .button {
        background: rgba(50, 50, 50, 0.5);
    }

    /* Layers */
    .red-layer {
        opacity: 0.5;
    }

    .cyan-layer {
        opacity: 0.65;
    }
}