// Math module for division
@use "sass:math";

//BUILD DELPHINUS CORE
@import "../../atoms/atoms-settings";

// IMPORT DEFAULT SASS VARIABLES FROM DELPHINUS PROJECT
@import "../../style/sass-variables";

//DEFINE OR OVERWRITE SASS VARS FOR BRIGHTSPACE
@import "style/brightspace-sass-variables";

//add your overwrites for atoms-settings here
//add the Lato font used across Brightspace
$font-string: 'Lato', sans-serif;

$font-weight-light: 100;
$font-weight-normal: 400;
$font-weight-bold: 700;
$font-style-italic: italic;

//update forground and background colors to use Brightspace colors
$color-neutrals: map-merge($color-neutrals, ("foreground": #494c4e));
$color-neutrals: map-merge($color-neutrals, ("background": #ffffff));

//create theme based on blue color used in brightspace. Delete all other themes by overwriting $color-brands map
$color-brands: (
  "d2l-celestine": #006fbf,
);
$color-default-brand: "d2l-celestine";

//adjust default Delphinus breakpoints. Stuff is renedered in an iframe, so large breakpoint is set to be slightly less than the maximum width of the iframe
@each $name, $scale in $scales {
  @if $name == "wide" {
    $scale: map-merge($scale, (bp: $brightspace-breakpoint-large));
  }
  $scales: map-merge($scales, ($name: $scale));
}

@import "../../atoms/colors/colors";
//@import "../../atoms/fonts/au-passata";
@import "../../atoms/fonts/au-peto";
//lato font is used instead of Passata to be consitent with system font in brightspace
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap');
@import "../../atoms/fonts/fonts";
@import "../../atoms/spacing/spacing";

@include define-color-variables();
@include define-font-variables();
@include define-spacing-variables();

// IMPORT MIXINS
@import "../../style/_mixins/_all";

// IMPORT INCLUDES
@import "../../style/_includes/all";

// IMPORT CSS RESET AND BASE STYLES
@import "../../style/base/normalize";
@import "../../style/base/fundamentals";
@import "../../style/base/utility-classes";
@import "../../style/base/body";
@import "../../style/base/hr";
@import "../../style/base/text";
@import "../../style/base/links";
@import "../../style/base/forms";
@import "../../style/base/buttons";
@import "../../style/base/code";
@import "../../style/base/icons";
@import "../../style/base/accessibility";

// IMPORT LAYOUT
@import "../../style/layout/breakpoints";
@import "../../style/layout/page";
@import "../../style/layout/row";
@import "../../style/layout/grid";
@import "../../style/layout/footer";
@import "../../style/layout/vertical-spacing";


//IMPORT MODULES
@import "../../style/module/box";
@import "../../style/module/empty-state";
@import "../../style/module/modal-view";
@import "../../style/module/notification";
@import "../../style/module/sub-nav";
@import "../../style/module/tabbed-content";
@import "../../style/module/tables";
@import "../../style/module/processing-state";


//IMPORT PROJECT SPECIFIC COMPONENTS
@import "style/_brightspace-modifications";
@import "style/_brightspace-instructor";
@import "style/_brightspace-widget";
@import "style/_brightspace-widget-course-setup";