:root,
.is-theme-light {
    --base-color: #fff;
    --primary-color: #f7f7f7;
    --secondary-color: #eee;
    --tertiary-color: #e1e1e1;
    --secondary-border-color: #eaeaea;
    --font-color: #000;
    --content-font-color: #555;
    --select-border-color: rgba(0, 0, 0, 0.3);
    --select-border-color-focus: #000;
}

.is-theme-dark {
    --base-color: #121212;
    --primary-color: #232323;
    --secondary-color: #343434;
    --tertiary-color: #454545;
    --secondary-border-color: #393939;
    --font-color: #e0e0e0;
    --content-font-color: #b3b3b3;
    --select-border-color: #616161;
    --select-border-color-focus: #e0e0e0;
}

.is-theme-spring {
    --base-color: #FDD9D9;
    --primary-color: #F6BFBC;
    --secondary-color: #B8E3B7;
    --tertiary-color: #AAD378;
    --secondary-border-color: #c3e8c2;
    --font-color: #616161;
    --content-font-color: #b3b3b3;
    --select-border-color: #616161;
    --select-border-color-focus: #e0e0e0;
}

.is-theme-may {
    --base-color: #0071bd;
    --primary-color: #5FABDE;
    --secondary-color: #33bd7f;
    --tertiary-color: #5FDEA5;
    --secondary-border-color: #8eddb9;
    --font-color: #f7f7f7;
    --content-font-color: #b3b3b3;
    --select-border-color: #616161;
    --select-border-color-focus: #e0e0e0;
}