:root {
    --color-bg: #000000;
    --color-dim: #aaa;
    --color-text: #ffffff;
    --color-ww1: #fefaee;
    --color-ww2: #ffecb5;
    --color1: #606c38;
    --color2: #283618;
    --color3: #fefae0;
    --color4: #dda15e;
    --color5: #bc6c25;
}

[data-theme="warm"] .reading-font {
    color: #ffecb5;
}

[data-theme="light"] {
    --color-bg: #F3F3E0;
    --color-dim: #666;
    --color-text: #262626;
    /*--color-ww1: #262626;*/
    /*--color-ww2: #333333;*/
    --color1: #606c38;
    --color2: #283618;
    --color3: #133E87;
    --color4: #608BC1;
    --color5: #133E87;
}

[data-theme="light"] .btn-dark{
    background: var(--color4) !important;
}

[data-theme="light"] .btn-outline-dark{
    border-width: 1px;
    border-color: var(--color-dim); 
}

[data-theme="dark"] {
    --color-bg: #121212;
    --color-dim: #a29d98;
    --color-text: #fff;
    /*--color-ww1: #262626;*/
    /*--color-ww2: #333333;*/
    --color1: #eff6e0;
    --color2: #283618;
    --color3: #eff6e0;
    --color4: #aec3b0;
    --color5: #f9c492;
}