/** CSS variables for colors **/

:root {

    --cn-bg-color: rgb(255, 255, 255);
    --cn-fg-color: rgb(26, 26, 26);

    --cn-box-shadow-color: #00000000; /* I can't make a shadow look nice on a light theme */
    --cn-box-shadow: 0px 0px 0px 1px var(--cn-box-shadow-color);

    /** Cards **/
    --cn-card-bg-color: rgb(227, 227, 227);
    --cn-card-border-color: rgb(207, 207, 207);
    --cn-card-hover-bg-color: rgb(215, 215, 215);
    --cn-card-hover-border-color: rgb(195, 195, 195);
    /* I have to do different syntax here because you can only do divisors with rgb() ahahah GRRRR */
    --cn-card-img-bg-color: #00000010;

    /* TODO: Better link colors */
    --cn-link-color: rgb(100, 140, 200);
    --cn-link-visited-color: rgb(144, 114, 205);
    --cn-link-active-color: red;

}