// https://material.angular.io/guide/theming
@use '@angular/material' as mat;
// @import '@angular/material/prebuilt-themes/deeppurple-amber.css';
// @import '@angular/material/prebuilt-themes/indigo-pink.css';
// 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();

$primary:       mat.define-palette(mat.$blue-palette, 800);
$accent:        mat.define-palette(mat.$pink-palette, A200, A100, A400);
$warn:          mat.define-palette(mat.$deep-orange-palette);
$light-theme:   mat.define-light-theme($primary, $accent, $warn);
@include mat.all-legacy-component-themes($light-theme);
