@use '@angular/material' as mat;
/* You can add global styles to this file, and also import other style files */

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: Roboto, "Helvetica Neue", sans-serif;
}


// 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-typography-config());`
@include mat.all-component-typographies();
@include mat.core();
$workspace-primary: mat.define-palette(mat.$green-palette);
$workspace-accent: mat.define-palette(mat.$purple-palette, A200, A100, A400);
$workspace-warn: mat.define-palette(mat.$red-palette);
$workspace-theme: mat.define-light-theme(mat.define-light-theme((
    color: (
        primary: $workspace-primary,
        accent: $workspace-accent,
        warn: $workspace-warn,
      ),
      typography: mat.define-typography-config(),
      density: 0,
)));

@include mat.core-theme($workspace-theme);
@include mat.divider-theme($workspace-theme);
@include mat.card-theme($workspace-theme);

@include mat.toolbar-theme(mat.define-light-theme((
    color: (
        primary: mat.define-palette(mat.$blue-grey-palette, 700),
        accent: mat.define-palette(mat.$blue-grey-palette, 200),
        warn: mat.define-palette(mat.$green-palette),
      ),
      typography: mat.define-typography-config(),
      density: 0,
)));


@include mat.button-theme(mat.define-light-theme((
    color: (
        primary:  mat.define-palette(mat.$orange-palette, 900),
        accent:  mat.define-palette(mat.$indigo-palette, 500),
        warn: mat.define-palette(mat.$red-palette, 500)
      ),
      typography: mat.define-typography-config(),
      density: 0,
)));

@include mat.fab-theme(mat.define-light-theme((
    color: (
        primary:   mat.define-palette(mat.$orange-palette, 900),
        accent:   mat.define-palette(mat.$indigo-palette, 500),
        warn:  mat.define-palette(mat.$red-palette, 500)
      ),
      typography: mat.define-typography-config(),
      density: 0,
)));


@include mat.icon-theme(mat.define-light-theme((
    color: (
        primary:   mat.define-palette(mat.$orange-palette, 900),
        accent:   mat.define-palette(mat.$indigo-palette, 500),
        warn:  mat.define-palette(mat.$red-palette, 500)
      ),
      typography: mat.define-typography-config(),
      density: 0,
)));



.p3x-ng-compile-template-intent:before {
}
.p3x-ng-compile-template-intent {
    color: mat.get-color-from-palette(mat.$grey-palette, 500);
    padding: 8px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}

.p3x-ng-compile-template {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}

a.mat-mdc-button {
    //padding: 0;
}