:root {
    --body-color: #f4f4f4;
    --font-color: #373737;
    --font-color2: rgba(55, 55, 55, 0.5);
    --accent1-color: rgb(96, 92, 229);
    --accent2-color: #c4469a;
    --accent3-color: rgb(144, 144, 245);
    --accent4-color: #dc95bf;
}

:root[data-color-scheme="dark"] {
    --body-color: #1a1a1a;
    --font-color: #f4f4f4;
    --font-color2: rgba(244, 244, 244, 0.2);
    --accent1-color: #2621ff;
    --accent2-color: #ff00ac;
    --accent3-color: rgb(15, 14, 80);
    --accent4-color: rgb(63, 3, 44);
/*    --accent1-color: #ff2121;
    --accent2-color: #ff0000;
    --accent3-color: rgb(80, 14, 14);
    --accent4-color: rgb(63, 3, 3);*/
}

body {
    background: var(--body-color);
    color: var(--font-color);
    margin: 0 auto;
}
::-webkit-scrollbar {
    width: 3px;               /* ширина scrollbar */
}
::-webkit-scrollbar-track {
    background-color: var(--body-color);    /* цвет дорожки */
}
::-webkit-scrollbar-thumb {
    background-image: linear-gradient(var(--accent1-color), var(--accent2-color)); /* цвет плашки */
    /* закругления плашки */
    border: none;  /* padding вокруг плашки */
}
@font-face {
    src: url("../Font/Manrope.ttf");
    font-family: Manrope;
}