[data-theme="dark"] {
    --text-color: #ff002b;
    --text-color-faded: #ff002b7a;
    --warn-text-color: #ff002b;

    --title-color: #ff002b;

    --red: #ff002b;
    --red-faded: #ff002b7a;

    --link: #ffae00;
    --link-faded: #ffae007a;
    --warn-link: #ffae00;

    --bg-color: #1d141f;
    --bg-color-faded: #1d141f7a;

    --article-color-solid: #170f15;
    --article-color: #170f1594;

    --select-color-solid: #ff002b;
    --select-color: #ff002b7a;

    --quote: #fff3e7;
    --quote-link: #ffcc5f;
    --quote-opacity: 0.8;

    --link-decoration: none;
    --link-decoration-hover: underline dotted;

    --text-transform: lowercase;

    --grid: 0.3;
    --grid-color: hue-rotate(1deg);

    --bw: #000;

    --bg-gradient-color: #ff002b7a;
    --bg-display: initial;
}

[data-theme="light"] {
    --text-color: #ff002b;
    --text-color-faded: #ff002b7a;
    --warn-text-color: #ff002b;

    --title-color: #ff002b;

    --red: #ff002b;
    --red-faded: #ff002b7a;

    --link: #2072ec;
    --link-faded: #2072ec7a;
    --warn-link: #2072ec;

    --bg-color: #ffb7c4;
    --bg-color-faded: #ffb7c47a;
    
    --article-color-solid: #f7f4ea;
    --article-color: #f7f4ea94;

    --select-color-solid: #f3af49;
    --select-color: #f3af497a;

    --quote: #850031;
    --quote-link: #013d98;
    --quote-opacity: 0.6;

    --link-decoration: none;
    --link-decoration-hover: underline dotted;

    --text-transform: lowercase;

    --grid: 1;
    --grid-color: saturate(0) brightness(100);

    --bw: #fff;

    --bg-gradient-color: #2072ec7a;
    --bg-display: initial;
}

[data-theme="gray"] {
    --text-color: #0e0d11;
    --text-color-faded: #19161e;
    --warn-text-color: #eee9d0;

    --title-color: #eee9d0;

    --red: #3d284e;
    --red-faded: #3d284e7a;

    --link: #0e0d11;
    --link-faded: #19161e;
    --warn-link: #eee9d0;

    --bg-color: #1c1a21;
    --bg-color-faded: #1c1a217a;
    --bg-img: linear-gradient(to bottom, #1c1a21, #0d0d0e);

    --article-color-solid: #edd7db;
    --article-color: #edd7dbd7;

    --select-color-solid: #eee9d0;
    --select-color: #eee9d07a;
    
    --quote: #ffffff;
    --quote-link: #ffffff;
    --quote-opacity: 1;

    --link-decoration: underline dotted;
    --link-decoration-hover: underline solid;

    --text-transform: none;

    --grid: 0;
    --grid-color: none;

    --bw: #0000;

    --bg-gradient-color: #0000;
    --bg-display: none;
}