@import 'catpuccin';

$bg: $latte-base;
$nav-bg: $latte-crust;
$nav-color: $latte-text;
$nav-hover: $latte-surface2;
$nav-active-bg: $latte-mauve;
$nav-active-color: $latte-base;
$green: $latte-green;

@import 'mixins';

@import 'nav';

body {
    background-color: $latte-base;
}

body.dark-mode {
    $bg: $macchiato-base;
    $nav-bg: $macchiato-crust;
    $green: $macchiato-green;
}