/* ===== Font Face Declarations ===== */
@font-face {
    font-family: "Font";
    src: url("../assets/fonts/fantasquesansmono-regular.otf") format("opentype");
    /* font-family: "Font";
  src: url("../assets/fonts/FiraCode-Regular.ttf") format("truetype"); */
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

/* ===== Default (Dark Mode) ===== */
:root {
    --font-mono: "Font", "Courier New", Courier, monospace;
    --bg_dim: #141617;
    --bg0: #1d2021;
    --bg1: #292828;
    --bg2: #292828;
    --bg3: #3c3836;
    --bg4: #3c3836;
    --bg5: #504945;

    --bg_diff_red: #3c1f1e;
    --bg_diff_green: #32361a;
    --bg_diff_blue: #0d3138;

    --bg_statusline1: #282828;
    --bg_statusline2: #32302f;
    --bg_statusline3: #504945;
    --bg_current_word: #32302f;

    --bg_visual_red: #442e2d;
    --bg_visual_green: #333e34;
    --bg_visual_blue: #2e3b3b;
    --bg_visual_yellow: #473c29;
    --bg_visual_purple: #3c333b;

    --fg0: #d4be98;
    --fg1: #ddc7a1;

    --red: #ea6962;
    --green: #a9b665;
    --blue: #7daea3;
    --yellow: #d8a657;
    --purple: #d3869b;
    --orange: #e78a4e;
    --aqua: #89b482;

    --bg_red: #ea6962;
    --bg_green: #a9b665;
    --bg_yellow: #d8a657;

    --grey0: #7c6f64;
    --grey1: #928374;
    --grey2: #a89984;

    --accent: #7daea3;
}

/* ===== Light Mode (Automatic) ===== */
@media (prefers-color-scheme: light) {
    :root {
        --bg_dim: #f2e5bc;
        --bg0: #fbf1c7;
        --bg1: #f4e8be;
        --bg2: #f2e5bc;
        --bg3: #eee0b7;
        --bg4: #e5d5ad;
        --bg5: #ddccab;

        --bg_diff_red: #f9e0bb;
        --bg_diff_green: #e6eabc;
        --bg_diff_blue: #e2e6c7;

        --bg_statusline1: #f2e5bc;
        --bg_statusline2: #f2e5bc;
        --bg_statusline3: #e5d5ad;
        --bg_current_word: #f2e5bc;

        --bg_visual_red: #f1d9b5;
        --bg_visual_green: #dee2b6;
        --bg_visual_blue: #dadec0;
        --bg_visual_yellow: #fae7b3;
        --bg_visual_purple: #efdec3;

        --fg0: #654735;
        --fg1: #4f3829;

        --red: #c14a4a;
        --green: #6c782e;
        --blue: #45707a;
        --yellow: #b47109;
        --purple: #945e80;
        --orange: #c35e0a;
        --aqua: #4c7a5d;

        --bg_red: #ae5858;
        --bg_green: #6f8352;
        --bg_yellow: #a96b2c;

        --grey0: #a89984;
        --grey1: #928374;
        --grey2: #7c6f64;

        --accent: #45707a;
    }
}

/* ===== Manual Overrides ===== */

/* Force Light Mode */
.light {
    --bg_dim: #f2e5bc;
    --bg0: #fbf1c7;
    --bg1: #f4e8be;
    --bg2: #f2e5bc;
    --bg3: #eee0b7;
    --bg4: #e5d5ad;
    --bg5: #ddccab;

    --bg_diff_red: #f9e0bb;
    --bg_diff_green: #e6eabc;
    --bg_diff_blue: #e2e6c7;

    --bg_statusline1: #f2e5bc;
    --bg_statusline2: #f2e5bc;
    --bg_statusline3: #e5d5ad;
    --bg_current_word: #f2e5bc;

    --bg_visual_red: #f1d9b5;
    --bg_visual_green: #dee2b6;
    --bg_visual_blue: #dadec0;
    --bg_visual_yellow: #fae7b3;
    --bg_visual_purple: #efdec3;

    --fg0: #654735;
    --fg1: #4f3829;

    --red: #c14a4a;
    --green: #6c782e;
    --blue: #45707a;
    --yellow: #b47109;
    --purple: #945e80;
    --orange: #c35e0a;
    --aqua: #4c7a5d;

    --bg_red: #ae5858;
    --bg_green: #6f8352;
    --bg_yellow: #a96b2c;

    --grey0: #a89984;
    --grey1: #928374;
    --grey2: #7c6f64;

    --accent: #45707a;
}

/* Force Dark Mode */
.dark {
    --bg_dim: #141617;
    --bg0: #1d2021;
    --bg1: #282828;
    --bg2: #282828;
    --bg3: #3c3836;
    --bg4: #3c3836;
    --bg5: #504945;

    --bg_diff_red: #3c1f1e;
    --bg_diff_green: #32361a;
    --bg_diff_blue: #0d3138;

    --bg_statusline1: #282828;
    --bg_statusline2: #32302f;
    --bg_statusline3: #504945;
    --bg_current_word: #32302f;

    --bg_visual_red: #442e2d;
    --bg_visual_green: #333e34;
    --bg_visual_blue: #2e3b3b;
    --bg_visual_yellow: #473c29;
    --bg_visual_purple: #3c333b;

    --fg0: #d4be98;
    --fg1: #ddc7a1;

    --red: #ea6962;
    --green: #a9b665;
    --blue: #7daea3;
    --yellow: #d8a657;
    --purple: #d3869b;
    --orange: #e78a4e;
    --aqua: #89b482;

    --bg_red: #ea6962;
    --bg_green: #a9b665;
    --bg_yellow: #d8a657;

    --grey0: #7c6f64;
    --grey1: #928374;
    --grey2: #a89984;

    --accent: #7daea3;
}