@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');

:root {
    --brand: #859B0C;
    --dark: #1d241e;
    --light: #F2EDE7;

    --background: var(--light);
    --foreground: var(--dark);
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: var(--dark);
        --foreground: var(--light);
    }
}

* {
    font-family: "Afacad Flux", sans-serif;
    font-optical-sizing: auto;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    color: var(--foreground);
    background: var(--background);
}