body.darkmode {
    --bg: var(--ctp-mocha-base);
    --a: var(--ctp-mocha-peach);
    --text-color: var(--ctp-mocha-text);
    --code-default: var(--ctp-mocha-sky);
    --header-color: var(--ctp-mocha-sapphire);
    --navbar-bg: var(--ctp-mocha-mauve);
    --navbar-a: var(--ctp-mocha-crust);
    --navbar-a-hover: var(--ctp-mocha-text);

    background-color: var(--bg);
}

body.lightmode {
    --bg: var(--ctp-latte-base);
    --a: var(--ctp-latte-peach);
    --text-color: var(--ctp-latte-text);
    --code-default: var(--ctp-latte-sky);
    --header-color: var(--ctp-latte-sapphire);
    --navbar-bg: var(--ctp-latte-mauve);
    --navbar-a: var(--ctp-latte-crust);
    --navbar-a-hover: var(--ctp-latte-crust);

    background-color: var(--bg);
}

body.sunsetmode {
    --bg: var(--ctp-frappe-base);
    --a: var(--ctp-frappe-peach);
    --text-color: var(--ctp-frappe-text);
    --code-default: var(--ctp-frappe-sky);
    --header-color: var(--ctp-frappe-sapphire);
    --navbar-bg: var(--ctp-frappe-mauve);
    --navbar-a: var(--ctp-frappe-crust);
    --navbar-a-hover: var(--ctp-frappe-text);

    background-color: var(--bg);
}