:root {
    --text-hover-color: #bd8700;
    --bg-color: #f2f2f2;
    --default-font: "Inter", sans-serif;
    --default-width: calc(100% - 50rem);
    --radius: 0.4rem;
}

body.light-theme {
    --text-color: #121212;
    --bg-color: #f2f2f2;
    --icon-sun-color: #bd8700;
    --icon-moon-color: #555555;
    --icon-hover-color: #121212;
    --logo-ter-color: #121212;
    --logo-sier-color: #bd8700;
    --footer-head-color: #e26310;
    --footer-text-color: #121212;
    --footer-text-hover-color: #000;
    --panel-bg: #e8e8e8;
    --panel-border: #cccccc;
    --panel-hover: #d9d9d9;
    --line-color: #2a2a2a;
}

body.dark-theme {
    --text-color: #f2f2f2;
    --bg-color: #121212;
    --icon-sun-color: #bd8700;
    --icon-moon-color: #ffffff;
    --icon-hover-color: #bd8700;
    --logo-ter-color: #f2f2f2;
    --logo-sier-color: #bd8700;
    --footer-head-color: #bd8700;
    --footer-text-color: #777;
    --footer-text-hover-color: #f2f2f2;
    --panel-bg: #1f1f1f;
    --panel-border: #2d2d2d;
    --panel-hover: #2a2a2a;
    --line-color: #f2f2f2;
}