:root {
    --bg: #111111;
    --surface: #1b1b1b;
    --surface-2: #252525;
    --line: #303030;
    --text: #ffffff;
    --muted: #888888;
    --accent: #8BAE66;
    --accent-2: #9fc477;
    --gold: #e8c766;
}

@font-face {
    font-family: Farsi_Vazir_Normal;
    src: url(../../media/font/Vazir.ttf);
}

@font-face {
    font-family: Farsi_Vazir_Bold;
    src: url(../../media/font/Vazir-Bold.ttf);
}

@font-face {
    font-family: Farsi_Vazir_light;
    src: url(../../media/font/Vazir-Light.ttf);
}

@font-face {
    font-family: Farsi_Vazir_thin;
    src: url(../../media/font/Vazir-Thin.ttf);
}

@font-face {
    font-family: Farsi_Vazir_medium;
    src: url(../../media/font/Vazir-Medium.ttf);
}

@font-face {
    font-family: knight;
    src: url(../../media/font/pixelta/Pixelta.ttf);
}

body {
    color-scheme: dark;
    background-color: var(--bg);
    scrollbar-width: thin;
    scrollbar-color: var(--accent) var(--surface);
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--surface);
}

::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-2);
}

* {
    margin: 0px;
    padding: 0px;
    font-family: Farsi_Vazir_Normal;
}