@use "sass:map";

$app: true;

@import "./default/index";

$has-style: map.get($settings, "styleOutput");

// @import "./style/theme.scss";
@import "./style/base.scss";
@import "./style/reset.scss";
@import "./style/typography.scss";

// /*
//   	Theme Colors
//   */


@if map.get($settings, "generateColorModes") {

  @media #{$lightmode} {
    body {
      @include customProperties($lightmode-colors);
    }
  }
  @media #{$darkmode} {
    body {
      @include customProperties($darkmode-colors);
    }
  }

  [color-mode="dark"] {
    @include customProperties($darkmode-colors);
  }
  [color-mode="light"] {
    @include customProperties($lightmode-colors);
  }
}

/*
		Theme Base
	*/
@if map.get($settings, "generateBase") {
  :root {
    @include customProperties($base);
  }
}

/*
  	Theme Typography
  */
@if map.get($settings, "generateTypography") {
  :root {
    @include customProperties($typography);
  }
}