/* stylelint-disable value-keyword-case */
@use '@angular/material' as mat;
@use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme' as datetimepicker-theme;
@import './overrides/adf-style-fixes.theme';
@import './overrides/adf-pagination.theme';
@import './overrides/ay11';
@import './overrides/adf-about.theme';
@import './overrides/adf-variables';
@import './colors';

$mat-primary-palette: mat.m2-define-palette($aca-primary-blue, A100);
$mat-accent-palette: mat.m2-define-palette($aca-accent-green, A200);
$mat-warn-palette: mat.m2-define-palette($aca-warn, A100);
$app-typography: mat.m2-define-typography-config(
  $font-family: 'Open Sans',
  $headline-1: mat.m2-define-typography-level(112px, 112px, 300),
  $headline-2: mat.m2-define-typography-level(56px, 56px, 400),
  $headline-3: mat.m2-define-typography-level(45px, 48px, 400),
  $headline-4: mat.m2-define-typography-level(34px, 40px, 400),
  $headline-5: mat.m2-define-typography-level(24px, 32px, 400),
  $headline-6: mat.m2-define-typography-level(20px, 32px, 400),
  $subtitle-1: mat.m2-define-typography-level(16px, 28px, 400),
  $subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
  $body-2: mat.m2-define-typography-level(14px, 24px, 500),
  $body-1: mat.m2-define-typography-level(14px, 20px, 400),
  $caption: mat.m2-define-typography-level(12px, 20px, 400),
  $button: mat.m2-define-typography-level(14px, 14px, 500)
);
$custom-theme: mat.m2-define-light-theme(
  (
    color: (
      primary: $mat-primary-palette,
      accent: $mat-accent-palette,
      warn: $mat-warn-palette
    ),
    typography: $app-typography
  )
);

@mixin custom-theme($theme) {
  @include mat.all-component-themes($theme);
  @include provide-adf-variables($theme);
  @include datetimepicker-theme.mat-datetimepicker-theme($theme);
  @include adf-style-fixes($theme);
  @include adf-pagination-theme($theme);
  @include ay11-theme;
  @include adf-about-theme($theme);
}
