 

body.theme-dark-auburn {
    --bg-color:   #2a0a0a;
    --text-color: #fce4ec;
    --primary:    #ff5252;
    --secondary:  #4a0d0d;
    --accent:     #ff8a80;
    --link-color: #ffb3b3;
    --shadow:     rgba(0, 0, 0, 0.6);

    --verse-color: #cf9aa0;
    --wj-color:    #ff8a80;
    --note-color:  #ffb3b3;
    --rule-color:  #5c2020;
    --muted-color: #e0b8c0;
}

body.theme-dark-art-deco {
    --bg-color:   #121212;
    --text-color: #e0e0e0;
    --primary:    #d4af37;
    --secondary:  #1e1e1e;
    --accent:     #f7e7ce;
    --link-color: #fdd835;
    --shadow:     rgba(0, 0, 0, 0.8);

    --verse-color: #9a9a9a;
    --wj-color:    #e8a87c;
    --note-color:  #d4af37;
    --rule-color:  #3a3a3a;
    --muted-color: #b5b5b5;
}

body.theme-dark-midnight {
    --bg-color:   #0d1b2a;
    --text-color: #e0f1f8;
    --primary:    #38bdf8;
    --secondary:  #1b263b;
    --accent:     #7dd3fc;
    --link-color: #7dd3fc;
    --shadow:     rgba(0, 0, 0, 0.5);

    --verse-color: #8aa4b8;
    --wj-color:    #ff9e80;
    --note-color:  #7dd3fc;
    --rule-color:  #2a3d52;
    --muted-color: #a9c2d4;
}

body.theme-dark-acid {
    --bg-color:   #050505;
    --text-color: #eaffea;
    --primary:    #39ff14;
    --secondary:  #1a1a1a;
    --accent:     #baffba;
    --link-color: #76ff03;
    --shadow:     rgba(0, 255, 0, 0.2);

    --verse-color: #7fa87f;
    --wj-color:    #ff6e6e;
    --note-color:  #76ff03;
    --rule-color:  #2a3a2a;
    --muted-color: #a8d8a8;
}

body.theme-dark-vaporwave {
    --bg-color:   #1a0b2e;
    --text-color: #ffdef9;
    --primary:    #ff00ff;
    --secondary:  #3b1e56;
    --accent:     #00ffff;
    --link-color: #ea80fc;
    --shadow:     rgba(128, 0, 255, 0.4);

    --verse-color: #b58ac4;
    --wj-color:    #ff8ab0;
    --note-color:  #00ffff;
    --rule-color:  #43265e;
    --muted-color: #d9b3e0;
}

body.theme-dark-boreal {
    --bg-color:   #002b36;
    --text-color: #e0f2f1;
    --primary:    #26a69a;
    --secondary:  #004d40;
    --accent:     #80cbc4;
    --link-color: #63bfb6;
    --shadow:     rgba(0, 0, 0, 0.5);

    --verse-color: #7fa8a5;
    --wj-color:    #ffab91;
    --note-color:  #80cbc4;
    --rule-color:  #0d4450;
    --muted-color: #a7c9c6;
}

body.theme-dark-neon {
    --bg-color:   #000000;
    --text-color: #ccfffa;
    --primary:    #00e5ff;
    --secondary:  #111111;
    --accent:     #e040fb;
    --link-color: #18ffff;
    --shadow:     rgba(0, 255, 255, 0.3);

    --verse-color: #6f9c99;
    --wj-color:    #ff7597;
    --note-color:  #18ffff;
    --rule-color:  #1f3230;
    --muted-color: #9ad4cf;
}

body.theme-dark-lantern {
    --bg-color:   #000000;
    --text-color: #e8d5b0;
    --primary:    #d9a441;
    --secondary:  #12100c;
    --accent:     #f0b95c;
    --link-color: #e6b455;
    --shadow:     rgba(0, 0, 0, 0.9);

    --verse-color: #8a7756;
    --wj-color:    #e8896a;
    --note-color:  #c9973f;
    --rule-color:  #2a241a;
    --muted-color: #a89372;
}

body.theme-light-creme {
    --bg-color:   #fdfbf7;
    --text-color: #3e3b32;
    --primary:    #8a6a2e;
    --secondary:  #f2efe6;
     
    --accent:     #8e6f32;
    --link-color: #87682d;
    --shadow:     rgba(0, 0, 0, 0.08);

    --verse-color: #787267;
    --wj-color:    #9b2226;
    --note-color:  #8a6a2e;
    --rule-color:  #e3ddcd;
    --muted-color: #6b6659;
}

body.theme-light-ink {
    --bg-color:   #ffffff;
    --text-color: #212121;
    --primary:    #000000;
    --secondary:  #f0f0f0;
    --accent:     #616161;
    --link-color: #c62828;
    --shadow:     rgba(0, 0, 0, 0.1);

    --verse-color: #767676;
    --wj-color:    #b71c1c;
    --note-color:  #424242;
    --rule-color:  #dcdcdc;
    --muted-color: #5a5a5a;
}

body.theme-light-forest {
    --bg-color:   #f1f8e9;
    --text-color: #1b5e20;
    --primary:    #2e7d32;
    --secondary:  #dcedc8;
     
    --accent:     #4c7d2a;
    --link-color: #2c762f;
    --shadow:     rgba(0, 0, 0, 0.08);

    --verse-color: #59755c;
    --wj-color:    #a03030;
    --note-color:  #2e7d32;
    --rule-color:  #c9dfb4;
    --muted-color: #486b4b;
}

body.theme-light-denim {
    --bg-color:   #ecf3f9;
    --text-color: #102a43;
    --primary:    #205c90;
    --secondary:  #dbeafe;
    --accent:     #486581;
    --link-color: #205c90;
    --shadow:     rgba(0, 0, 0, 0.1);

    --verse-color: #5b6f84;
    --wj-color:    #9b2226;
    --note-color:  #205c90;
    --rule-color:  #c3d5e5;
    --muted-color: #486581;
}

body.theme-light-peach {
    --bg-color:   #fff5f0;
    --text-color: #4e342e;
     
    --primary:    #cc3f14;
    --secondary:  #ffccbc;
    --accent:     #bf360c;
    --link-color: #aa3410;
    --shadow:     rgba(0, 0, 0, 0.08);

    --verse-color: #89695f;
    --wj-color:    #b3261e;
    --note-color:  #bf360c;
    --rule-color:  #f2d5c9;
    --muted-color: #75544c;
}

body.theme-light-sahara {
    --bg-color:   #fff8e1;
    --text-color: #4e342e;
     
    --primary:    #98680a;
    --secondary:  #ffecb3;
     
    --accent:     #916b08;
    --link-color: #906309;
    --shadow:     rgba(0, 0, 0, 0.1);

    --verse-color: #816e50;
    --wj-color:    #9b2226;
    --note-color:  #966709;
    --rule-color:  #eeddab;
    --muted-color: #6f5b43;
}

body.theme-light-lavender {
    --bg-color:   #faf5ff;
    --text-color: #4a148c;
    --primary:    #7b1fa2;
    --secondary:  #f3e5f5;
    --accent:     #6a1b9a;
    --link-color: #7b1fa2;
    --shadow:     rgba(0, 0, 0, 0.08);

    --verse-color: #7f6595;
    --wj-color:    #a5232b;
    --note-color:  #7b1fa2;
    --rule-color:  #e4d3ee;
    --muted-color: #64437c;
}

@media (prefers-color-scheme: dark) {
    body:not([class*="theme-"]) {
        --bg-color:   #0d1b2a;
        --text-color: #e0f1f8;
        --primary:    #38bdf8;
        --secondary:  #1b263b;
        --accent:     #7dd3fc;
        --link-color: #7dd3fc;
        --shadow:     rgba(0, 0, 0, 0.5);

        --verse-color: #8aa4b8;
        --wj-color:    #ff9e80;
        --note-color:  #7dd3fc;
        --rule-color:  #2a3d52;
        --muted-color: #a9c2d4;
    }
}
