@import '~@angular/material/_theming.scss';
@import '_variables';
@import 'ai-core';
@import 'ai-elements/ai-form-field';
@import 'ai-elements/ai-button';
@import 'ai-elements/ai-button-toggle';
@import 'ai-elements/ai-toolbar';
@import 'ai-elements/ai-tooltip';
@import 'ai-elements/ai-search';
@import 'ai-elements/ai-input-group';
@import 'ai-elements/ai-checkbox';
@import 'ai-elements/ai-snack-bar';
@import 'clear';



@mixin angular-ai-core() {
  $core-config: mat-typography-config(
    //$display-4: mat-typography-level(112px, 112px, 300),
    //$display-3: mat-typography-level(56px, 56px, 400),
    //$display-2: mat-typography-level(45px, 48px, 400),
    //$display-1: mat-typography-level(34px, 40px, 400),
    //$headline: mat-typography-level(24px, 32px, 400),
    $title: mat-typography-level($title-font-size, 32px, 500),
    //$subheading-2: mat-typography-level(16px, 28px, 400),
    //$subheading-1: mat-typography-level(15px, 24px, 400),
    $body-2: mat-typography-level($default-font-size, 24px, 500),
    $body-1: mat-typography-level($default-font-size, 20px, 400),
    $caption: mat-typography-level($caption-font-size, 20px, 400),
    $button: mat-typography-level($default-font-size, $default-font-size, 500),
      // Line-height must be unit-less fraction of the font-size.
    $input: mat-typography-level($default-font-size, 1.125, 400)
  );
  @include mat-core($core-config);
  @include ai-mat-core($core-config);
}

// Создает стили темы для Material и модифицирует под Ai
@mixin angular-ai-theme($theme) {

  // Добавляет спец цвета в тему
  $ai-theme: ai-extra-theme($theme);

  // Задает тему элементам Angular Material
  @include angular-material-theme($ai-theme);

  // Модифицирует элементы под стиль Ai
  @include ai-form-field-theme($ai-theme);
  @include ai-button-theme($ai-theme);
  @include ai-button-toggle-theme($ai-theme);
  @include ai-toolbar-theme($ai-theme);
  @include ai-checkbox-theme($ai-theme);
  @include ai-tooltip-theme($ai-theme);
  @include ai-snack-bar-theme($ai-theme);

  // Задает стили элементов Ai
  @include ai-search-input();
  @include ai-input-group();
}