:root {
    --main-color1: var(--keeleklikk1);
    --main-color2: var(--keeleklikk2);
    --main-color3: #8F6382;
    --main-color1-10:  rgba(207, 67, 116, 0.1);
    --main-color1-20:  rgba(207, 67, 116, 0.2);
    --main-color-hover: var(--main-color1-10);
    --title-fg: var(--main-color3);
    --title-bg: var(--body-bg);
    --main-filter: invert(45%) sepia(29%) saturate(6521%) hue-rotate(314deg) brightness(86%) contrast(87%);
    --search-svg: url("/assets/img/searchA.svg");
    --visited-svg: url("/assets/img/visited-A.svg");
    --delete-svg: url("/assets/img/delete-A.svg");
    --check-svg: url("/assets/img/linnuke-A.svg");
}
.main-filter{
    filter:var(--main-filter);
}