:root {
    --theme-color: #28a8af;
    --theme-a-hover-color: #30c7cf;
    --theme-company-motto-color: var(--theme-a-hover-color);
    --theme-index-category-color: #fff;
}

:root[data-theme="dark"] {
    --theme-color: #000;
    --theme-a-hover-color: #2b2929;
    --theme-company-motto-color: var(--theme-a-hover-color);
    --theme-index-category-color: #000;
}

:root[data-theme="red"] {
    --theme-color: #d71418;
    --theme-a-hover-color: #ea2226;
    --theme-company-motto-color: var(--theme-a-hover-color);
    --theme-index-category-color: #000;
}

:root[data-theme="light"] {
    --theme-color: #39bac1;
    --theme-a-hover-color: #43d8e0;
    --theme-company-motto-color: var(--theme-a-hover-color);
    --theme-index-category-color: #fff;
}