/** CSS variables for colors **/

:root {

    --cn-bg-color: rgb(32, 32, 32);
    --cn-fg-color: rgb(180, 180, 180);

    --cn-box-shadow-color: #00000050;
    --cn-box-shadow: 0px 0px 0px 1px var(--cn-box-shadow-color);

    /** Cards **/
    --cn-card-bg-color: rgb(48, 48, 48);
    --cn-card-border-color: rgb(58, 58, 58);
    --cn-card-hover-bg-color: rgb(54, 54, 54);
    --cn-card-hover-border-color: rgb(64, 64, 64);
    /* I have to do different syntax here because you can only do divisors with rgb() ahahah GRRRR */
    --cn-card-img-bg-color: #ffffff10;

    --cn-link-color: rgb(100, 140, 200);
    --cn-link-visited-color: rgb(160, 140, 200);
    --cn-link-active-color: rgb(220, 140, 200);

}