@font-face {
    font-family: "CaskaydiaCove Nerd Font";
    src: url("../fonts/CaskaydiaCoveNerdFontPropo-Regular.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /*yeloowish*/
    /* --body-bg: #ffddaa; */
    --body-bg: #ffffff;
    --body-text: #111827;
    --nav-bg: #111;
    --nav-text: #fff;
    --checker-line: rgba(0, 0, 0, 0.07);
    --checker-size: 40px;
    --btn-color: #111827;
}

.dark {
    --body-bg: #1c0175;
    --body-text: #f9fafb;
    --nav-bg: #f9fafb;
    --nav-text: #111827;
    --checker-line: rgba(255, 255, 255, 0.05);
    --checker-size: 40px;
    --btn-color: #ffffff;
}

a {
    color: var(--body-text);
}

img {
    max-width: 100%;
    height: auto;
}

.theme-btn .sun-icon { display: none; }
.theme-btn .moon-icon { display: inline; }
.dark .theme-btn .sun-icon { display: inline; }
.dark .theme-btn .moon-icon { display: none; }