/* Light/Dark Independent Vars */
.theme-default {
    /* Colours */
    --color-bg-header-txt: rgb(55,105,55);
    --color-bg-header-txt-grad: linear-gradient(275deg, rgba(55,105,55,1) 0%, rgba(5,233,33,0.4724090319721639) 80%, rgba(255,255,255,0) 100%);
    --color-bg-error-msg: #fee;
    --color-txt-header-h1: #fff;
    --color-txt-header-h2: #afb;
    --color-txt-brand-coder: #274542;
    --color-txt-brand-jason: #fff;
    --color-border-h2: linear-gradient(to left, #00C853, #B2FF59);
    --color-border-error-msg: #c00;
    /* Fonts */
    --font-body: "Montserrat", sans-serif;
    --font-title: "Ubuntu Sans", sans-serif;
    --font-article: "Montserrat", sans-serif;
    --font-article-title: "Ubuntu", sans-serif;
    --font-connect-title: "Ubuntu", sans-serif;
}

.theme-default.dark {
    /* Colours */
    --color-bg-article-index: rgba(55, 60, 50, .78);
    --color-bg-body: #333;
    --color-bg-connect: rgb(153,153,153);
    --color-bg-connect-grad: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
    --color-txt-article: #eee;
    --color-txt-article-title: rgb(159, 214, 103);
    --color-txt-connect: #fff;
    --color-txt-copyright: #aaa;
    --color-txt-copyright-coder: #666;
    --color-txt-copyright-jason: #ddd;
    --color-txt-side-drawer-label: #ddd;
    --color-shadow-connect-title: rgb(182, 248, 0);
    --color-github: brightness(100%);
    /* Images */
    --img-container-bg: url("../images/coder.jason_bg_0.webp");
}

.theme-default.light {
    /* Colours */
    --color-bg-article-index: rgba(255, 255, 255, .78);
    --color-bg-body: #ccc;
    --color-bg-connect: rgb(103,153,123);
    --color-bg-connect-grad: linear-gradient(90deg, rgba(103,153,123,1) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
    --color-txt-article: #132;
    --color-txt-article-title: #342;
    --color-txt-connect: #132;
    --color-txt-copyright: #243;
    --color-txt-copyright-coder: #333;
    --color-txt-copyright-jason: #352;
    --color-shadow-connect-title: rgb(182, 248, 0);
    --color-github: brightness(0%);
    /* Images */
    --img-container-bg: url("../images/coder.jason_bg_0-light.webp");
}