@import "../node_modules/@fontsource/comic-neue/latin.css";
@import "../node_modules/@fontsource/opendyslexic/latin.css";


// Configuration
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/utilities";

$default-fonts: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$fonts-comic-sans-neue: "Comic Sans MS", "Comic Neue", $default-fonts;
$fonts-comic-neue: "Comic Neue", $default-fonts;
$fonts-opendyslexic: "OpenDyslexic", $default-fonts;
$font-sans-serif: $fonts-comic-sans-neue;


// Layout & components
@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
//@import "../node_modules/bootstrap/scss/images";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";
@import "../node_modules/bootstrap/scss/list-group";
@import "../node_modules/bootstrap/scss/tables";
@import "../node_modules/bootstrap/scss/forms";
@import "../node_modules/bootstrap/scss/buttons";
@import "../node_modules/bootstrap/scss/button-group";
@import "../node_modules/bootstrap/scss/card";

// Helpers
@import "../node_modules/bootstrap/scss/helpers";

// Utilities
@import "../node_modules/bootstrap/scss/utilities/api";
// scss-docs-end import-stack


html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* Set the fixed height of the footer here */
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #f5f5f5;
}

/* for custom theme settings, options in mainPage.tsx as of writing */

html [data-font="default"] {
    font-family: $fonts-comic-sans-neue;
}
html [data-font="system"] {
    font-family: $default-fonts;
}
html [data-font="comicneue"] {
    font-family: $fonts-comic-neue;
}
html [data-font="opendyslexic"] {
    font-family: $fonts-opendyslexic;
}