/* Dark Mode (Default) */
:root {
    /* Main stuff */
    --main-background-color: rgb(15, 15, 15);

    --transparency-effect-background-color: rgba(16, 16, 16, 0.4);
    --generic-glow-color: rgba(163, 163, 163, 1);

    --title-text-color: rgb(255, 255, 255);
    --paragraph-text-color: rgb(255, 255, 255);

    /* Card colorings */
    --card-color: rgb(34, 34, 34);
    --card-base-color: rgb(255, 255, 255);
    --card-read-more-glow: linear-gradient(to bottom, rgba(34, 34, 34, 0), rgba(34, 34, 34, 1));
    --card-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);

    --glow-color: rgb(4, 54, 255);

    --icon-base-color: rgb(255, 255, 255);

    --constant-color-div-base: rgb(34, 34, 34);

    --plain-accents: 0px 0px 15px 1px rgba(255, 255, 255, 0.95);

    /* Markdown to html stylings */
    --md-code-highlighting-color: rgba(255, 255, 255, 0.089);
    --md-table-border-color: rgba(255, 255, 255, 0.575);

    /* Footer stylings */
    --footer-color: rgba(0, 0, 0, 0);

    /* Captcha text color */
    --google-captcha-credit-text-color: rgba(255, 255, 255, 0.562);
    --google-captcha-credit-link-color: rgba(53, 141, 255, 0.806);
}

/* Light Mode */
:root.light {
    --main-background-color: rgb(233, 233, 233);

    --transparency-effect-background-color: rgba(246, 246, 246, 0.4);
    --generic-glow-color: rgba(0, 0, 0, 0);

    --title-text-color: rgb(0, 0, 0);
    --paragraph-text-color: rgb(0, 0, 0);

    --card-color: rgb(221, 221, 221);
    --card-base-color: rgb(0, 0, 0);
    --card-read-more-glow: linear-gradient(to bottom, rgba(221, 221, 221, 0), rgba(221, 221, 221, 1));
    --card-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);

    --glow-color: rgb(4, 54, 255);

    --icon-base-color: rgb(202, 202, 202);

    --constant-color-div-base: rgb(34, 34, 34);

    --plain-accents: 0px 0px 15px 1px rgba(0, 0, 0, 0.95);

    /* Markdown to html stylings */
    --md-code-highlighting-color: rgba(0, 0, 0, 0.089);
    --md-table-border-color: rgba(0, 0, 0, 0.575);
    
    /* Footer stylings */
    --footer-color: rgba(0, 0, 0, 0);

    /* Captcha text color */
    --google-captcha-credit-text-color: rgba(0, 0, 0, 0.562);
    --google-captcha-credit-link-color: rgba(53, 141, 255, 0.806);
}