
.container {
    border-radius: var(--mantine-radius-lg);

    @mixin dark {
        background-color: var(--mantine-color-dark-7-5);
        box-shadow: var(--dark-shadow);
    }
    @mixin light {
        background-color: var(--color-light-whitesmoke);
        box-shadow: var(--light-shadow);
    }
}

.container-active {
    @mixin dark {
        color: dodgerblue;
    }
    @mixin light {
        background-color: var(--color-light-aqua);
        box-shadow: var(--light-thick-shadow);
    }
}

.container:hover {
    @mixin dark {
        box-shadow: var(--dark-thick-shadow);
    }
    @mixin light {
        background-color: var(--color-light-aqua);
        box-shadow: var(--light-thick-shadow);
    }
}
