@mixin default-variables() {
    $primary-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !global;
    $secondary-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace !global;
    $body-font-family: $primary-font-family, $fallback-font-family !global;
    $primary-color: #EA2E24 !global;
    $secondary-color: lightpink !global;
    $light-color: white !global;
    $body-font-color: $dark-color !global;
}

@mixin default-overrides() {
    body {
        color: $body-font-color;
    }
    .btn.btn-primary {
        font-size: $html-font-size;
        border: 0;
    }
}