/* Colors */
.zuik-color-dark-gray-bg {
    background-color: var(--zuik-dark-gray)
}

.zuik-color-dark-gray-fg {
    color: var(--zuik-dark-gray)
}


.zuik-color-gray-bg {
    background-color: var(--zuik-gray);
}

.zuik-color-gray-fg {
    color: var(--zuik-gray);
}



.zuik-color-very-dark-gray-bg {
    background-color: var(--zuik-very-dark-gray);
}

.zuik-color-very-darkgray-fg {
    color: var(--zuik-very-dark-gray);
}


.zuik-color-black-bg {
    background-color: var(--zuik-black);
}


.zuik-color-black-fg {
    color: var(--zuik-black);
}


.zuik-color-white-bg {
    background-color: var(--zuik-white);
}

.zuik-color-white-fg {
    color: var(--zuik-white);
}


.zuik-color-lime-bg {
    background-color: var(--zuik-lime);
}

.zuik-color-lime-fg {
    color: var(--zuik-lime);
}


.zuik-color-aqua-bg {
    background-color: var(--zuik-aqua);
}

.zuik-color-aqua-fg {
    color: var(--zuik-aqua);
}



/* ??? */
.zuik-color-gradient-bg-1 {
    background: linear-gradient(to bottom right, var(--zuik-black), var(--zuik-aqua));
}

.zuik-color-gradient-text-1 {
    background: linear-gradient(to bottom right, var(--zuik-aqua), var(--zuik-lime));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zuik-color-gradient-text-2 {
    background: linear-gradient(to bottom right, var(--zuik-white), var(--zuik-aqua));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zuik-color-gradient-text-3 {
    background: linear-gradient(to bottom right, var(--zuik-yellow), var(--zuik-red));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zuik-color-gradient-text-4 {
    background: linear-gradient(to bottom right, var(--zuik-yellow), var(--zuik-white));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zuik-color-gradient-text-5 {
    background: linear-gradient(to bottom right, var(--zuik-white), var(--zuik-dark-blue));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Gradient boxes */
.zuik-color-gradient-box-gigica {
    background: linear-gradient(to bottom right, var(--zuik-purple), var(--zuik-black));
    box-shadow: 0 0 4px var(--zuik-purple);
}

.zuik-color-gradient-box-media {
    background: linear-gradient(to bottom right, var(--zuik-black), var(--zuik-aqua));
    box-shadow: 0 0 4px var(--zuik-aqua);
}

.zuik-color-gradient-box-assetto {
    background: linear-gradient(to bottom right, var(--zuik-black), var(--zuik-red));
    box-shadow: 0 0 4px var(--zuik-red);
}

.zuik-color-gradient-box-speedtest {
    background: linear-gradient(to bottom right, var(--zuik-black), var(--zuik-dark-gray));
    box-shadow: 0 0 4px var(--zuik-white);
}

.zuik-color-gradient-box-jellyfin {
    background: linear-gradient(to bottom right, var(--clr-jellyfin-blue), var(--zuik-black));
    box-shadow: 0 0 4px var(--clr-jellyfin-blue);
}

.zuik-color-gradient-box-minecraft {
    background: linear-gradient(to bottom right, var(--zuik-lime), var(--zuik-yellow));
    box-shadow: 0 0 4px var(--zuik-lime);
}

.zuik-color-gradient-box-beammp {
    background: linear-gradient(to bottom right, var(--zuik-orange), var(--zuik-black));
    box-shadow: 0 0 4px var(--zuik-orange);
}

.zuik-color-gradient-projects {
    background: linear-gradient(to bottom right, var(--zuik-black), var(--zuik-dark-gray));
}

/* Shadows */
.zuik-color-text-white-shadow {
    text-shadow: 0 0 0.25em var(--zuik-white-shadow);
}