@use '@angular/material' as mat;
@use './theme';
@use './wds-brand/wds-theme/wds-palette';

@use './wds-brand/wds-theme/wds-light-theme';
@use './wds-brand/wds-theme/wds-typography';

@use '../src/lib/banner/banner-theme.component.scss' as banner;
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


////$wds-teal: material.define-palette(mat.$violet-palette);
//
@include mat.elevation-classes();
@include mat.app-background();


.wds-theme {
  @include theme.create-theme(wds-light-theme.$wds-theme);
  @include  banner.theme(wds-light-theme.$wds-theme);
  @include mat.typography-hierarchy(wds-typography.$wds-typography, "body");
  //@import 'wds-brand/wds-button';
}

body, html {
  margin: 0;
  height: 100%;
}

router-outlet + * {
  flex: 1;
}

body {
  background-color: white;
  -webkit-font-smoothing: antialiased;
}