/**
 SETTINGS
 ----------------------------------------------
 Variable definitions, tools and mixins used
 across all styling definitions.
 */
@use "@fontsource/lexend/scss/mixins" as Lexend;

@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";

@import "variables";

@import "bootstrap/scss/mixins";
@import "bootstrap/scss/maps";

/**
  VENDOR
  ----------------------------------------------
  Imported vendor assets used by Retrospring.
  */

@import "@melloware/coloris/dist/coloris",
"bootstrap/scss/bootstrap",
"croppr/dist/croppr",
"@fortawesome/fontawesome-free/scss/fontawesome",
"@fortawesome/fontawesome-free/scss/solid",
"@fortawesome/fontawesome-free/scss/regular",
"@fortawesome/fontawesome-free/scss/brands",
"@fortawesome/fontawesome-free/scss/v4-shims",
"sweetalert/dist/sweetalert",
"toastify-js/src/toastify";


@each $weight in $lexend-weights {
  @include Lexend.fontFace($weight: $weight,
    $display: fallback,
    $fontDir: "."
  );
}

// Using Lexend Light (300) as Regular (400) as Regular is quite thick.
@each $subset,
$unicodeRangeValues in Lexend.$unicodeMap {
  @font-face {
    font-family: Lexend;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("lexend-#{$subset}-300-normal.woff2") format("woff2"),
    url("lexend-all-300-normal.woff") format("woff");
    unicode-range: $unicodeRangeValues;
  }
}

/**
  OVERRIDES
  ----------------------------------------------
  The imports from "overrides/" define almost barely
  any style adjustments but rather override default
  Bootstrap behaviour.

  The largest change to regular bootstrap is the switch
  to using the available CSS variables for most elements
  used on the site, so theming can be done with changing
  only those.
  */

@import "overrides/alerts",
"overrides/badges",
"overrides/bootstrap-datetimepicker",
"overrides/buttons",
"overrides/code",
"overrides/colors",
"overrides/card",
"overrides/dropdown",
"overrides/inputs",
"overrides/links",
"overrides/list-group",
"overrides/minicolors",
"overrides/modal",
"overrides/navbar",
"overrides/popover",
"overrides/turbolinks",
"overrides/toasts",
"overrides/sweet-alert";

/**
  ELEMENTS
  ----------------------------------------------
  Styles directly applied to HTML elements
  */

@import "elements/body";

/**
  COMPONENTS
  ----------------------------------------------
  Custom components defined for Retrospring.
  */

@import "components/announcements",
"components/answerbox",
"components/avatars",
"components/buttons",
"components/comments",
"components/container",
"components/entry",
"components/icons",
"components/inbox-actions",
"components/inbox-entry",
"components/mobile-nav",
"components/notifications",
"components/profile",
"components/push-settings",
"components/question",
"components/smiles",
"components/themes",
"components/totp-setup",
"components/userbox";

/**
  UTILITIES
  ----------------------------------------------
  Classes used for very specific cases
  */

@import "utilities";