// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
@use "@angular/material" as mat;
@use "@angular/cdk";

$palette: (
  "primary": var(--watt-color-primary),
  "primary-light": var(--watt-color-primary-light),
  "primary-dark": var(--watt-color-primary-dark),
  "contrast": (
    "primary": var(--watt-color-primary-contrast),
    "primary-light": var(--watt-color-primary-light-contrast),
    "primary-dark": var(--watt-color-primary-dark-contrast),
  ),
);

$watt-palette: mat.m2-define-palette($palette, "primary", "primary-light", "primary-dark");

$watt-typography: mat.m2-define-typography-config(
  $font-family: "Open Sans, sans-serif",
);

$watt-theme: mat.m2-define-light-theme(
  (
    color: (
      primary: $watt-palette,
      accent: $watt-palette,
    ),
    typography: $watt-typography,
  )
);

@include cdk.a11y-visually-hidden();

@include mat.core();

@include mat.autocomplete-theme($watt-theme);
@include mat.badge-theme($watt-theme);
@include mat.button-theme($watt-theme);
@include mat.button-toggle-theme($watt-theme);
@include mat.card-theme($watt-theme);
@include mat.chips-theme($watt-theme);
@include mat.core-theme($watt-theme);
@include mat.datepicker-theme($watt-theme);
@include mat.dialog-theme($watt-theme);
@include mat.expansion-theme($watt-theme);
@include mat.form-field-theme($watt-theme);
@include mat.icon-theme($watt-theme);
@include mat.input-theme($watt-theme);
@include mat.select-theme($watt-theme);
@include mat.sidenav-theme($watt-theme);
@include mat.table-theme($watt-theme);
@include mat.tabs-theme($watt-theme);
@include mat.tooltip-theme($watt-theme);
@include mat.menu-theme($watt-theme);
@include mat.toolbar-theme($watt-theme);
@include mat.stepper-theme($watt-theme);
@include mat.divider-theme($watt-theme);
@include mat.slide-toggle-theme($watt-theme);
@include mat.progress-bar-theme($watt-theme);
