// Custom Theming for Angular Material
@use '@angular/material' as mat;
// For more information: https://material.angular.io/guide/theming
// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
//  The following line adds:
//    1. Default typography styles for all components
//    2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
//  If you specify typography styles for the components you use elsewhere, you should delete this line.
//  If you don't need the default component typographies but still want the hierarchy styles,
//  you can delete this line and instead use:
//    `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
@include mat.all-legacy-component-typographies();
@include mat.legacy-core();

// import your custom themes
@import 'theme-light.scss';
@import 'theme-dark.scss';
@import 'theme-contrast.scss';

.theme-light {
	@include mat.all-legacy-component-themes($theme-light);
}
.theme-dark {
	@include mat.all-legacy-component-themes($theme-dark);
}
.theme-contrast {
	@include mat.all-legacy-component-themes($theme-contrast);
}

/*
	You can add global.scss styles to this file, and also import other style files
	==================================================
	all styles should be imported in an order from top:
	most global scope, to bottom: the most specific scope of qualification.
	==================================================
 */
// configuration
@import './styles/variables';
@import './styles/dev-utilities/mixins';
@import './styles/dev-utilities/helpers';
// @import './styles/dev-utilities/debug';
@import './styles/libraries/frameworks';
@import './styles/libraries/overrides';
// typography
//@import './styles/partials/font-families';
@import './styles/partials/typo';
// themes
@import './styles/themes/all';
// most general dom elements
@import './styles/partials/global';

// main content elements
@import './styles/partials/main';
@import './styles/partials/tables';
@import './styles/partials/buttons';
@import './styles/partials/logo';
@import './styles/partials/navigation';
@import './styles/partials/links';
@import './styles/partials/forms';
@import './styles/partials/form-controls';
@import './styles/partials/images';
// responsive, mobile first
@import './styles/partials/responsive';

// reset suggested by material-angular
//html,
//body {
//	height: 100%;
//}
body {
	margin: 0;
	font-family: $default_font;
}