/* 0. Color Palette */
$md-primary: (
  50: #ffffff,
  100: #b7b4e2,
  200: #8883cf,
  300: #5851bc,
  400: #342bad,
  500: #10069f,
  600: #0e0597,
  700: #0c048d,
  800: #090383,
  900: #050272,
  A100: #a2a1ff,
  A200: #6f6eff,
  A400: #3d3bff,
  A700: #2421ff,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #ffffff,
    400: #ffffff,
    500: #ffffff,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #ffffff,
    A400: #ffffff,
    A700: #ffffff
  )
);

$md-accent: (
  50: #e0edff,
  100: #b3d3ff,
  200: #80b6ff,
  300: #4d99ff,
  400: #2683ff,
  500: #006dff,
  600: #0065ff,
  700: #005aff,
  800: #0050ff,
  900: #003eff,
  A100: #ffffff,
  A200: #f2f5ff,
  A400: #bfcbff,
  A700: #a6b6ff,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #000000,
    400: #ffffff,
    500: #ffffff,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #000000,
    A400: #000000,
    A700: #000000
  )
);

$md-danger: (
  50: #f3e0e0,
  100: #e2b3b3,
  200: #cf8080,
  300: #bc4d4d,
  400: #ad2626,
  500: #9f0000,
  600: #970000,
  700: #8d0000,
  800: #830000,
  900: #720000,
  A100: #ffa1a1,
  A200: #ff6e6e,
  A400: #ff3b3b,
  A700: #ff2121,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #ffffff,
    400: #ffffff,
    500: #ffffff,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #000000,
    A400: #ffffff,
    A700: #ffffff
  )
);

$md-success: (
  50: #e1eae0,
  100: #b3cab3,
  200: #81a780,
  300: #4f844d,
  400: #296926,
  500: #034f00,
  600: #034800,
  700: #023f00,
  800: #023600,
  900: #012600,
  A100: #61ff61,
  A200: #2eff2e,
  A400: #00fa00,
  A700: #00e000,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #ffffff,
    400: #ffffff,
    500: #ffffff,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #000000,
    A400: #000000,
    A700: #000000
  )
);

$md-secondary: (
  50: #ebe0f3,
  100: #cdb3e1,
  200: #ab80ce,
  300: #894dba,
  400: #7026ab,
  500: #57009c,
  600: #4f0094,
  700: #46008a,
  800: #3c0080,
  900: #2c006e,
  A100: #bb9dff,
  A200: #986aff,
  A400: #7437ff,
  A700: #621eff,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #ffffff,
    400: #ffffff,
    500: #ffffff,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #000000,
    A400: #ffffff,
    A700: #ffffff
  )
);

$md-warning: (
  50: #fff9e3,
  100: #ffefb9,
  200: #ffe48a,
  300: #ffd95b,
  400: #ffd137,
  500: #ffc914,
  600: #ffc312,
  700: #ffbc0e,
  800: #ffb50b,
  900: #ffa906,
  A100: #ffffff,
  A200: #fffaf3,
  A400: #ffe7c0,
  A700: #ffdda7,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #000000,
    400: #000000,
    500: #000000,
    600: #000000,
    700: #000000,
    800: #000000,
    900: #000000,
    A100: #000000,
    A200: #000000,
    A400: #000000,
    A700: #000000
  )
);


/* 1. Fonts */

/* Imports */
@import "../fonts/font";
@import "~@angular/material/theming";
@import "./helper";
@include mat-core();

/* a. Standard Fonts */
$primary_font: 'Eagna';
$condensed_font: 'Eagna Light Condensed';
$ultralight_condensed_font: 'Eagna UltraLight Condensed';

.font-eagna {
  font-family: $primary_font !important;
}

.font-condensed {
  font-family: $condensed_font !important;
}
.font-ultra {
  font-family: $ultralight_condensed_font !important;
}

/* b.  Setting Material Theme Fonts*/
$eagna-typography: mat-typography-config(
  $font-family: $primary_font,
  $display-4: mat-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),
  $display-3: mat-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),
  $display-2: mat-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),
  $display-1: mat-typography-level(34px, 40px, 400),
  $headline: mat-typography-level(24px, 32px, 400),
  $title: mat-typography-level(20px, 32px, 500),
  $subheading-2: mat-typography-level(16px, 28px, 400),
  $subheading-1: mat-typography-level(15px, 24px, 400),
  $body-2: mat-typography-level(14px, 24px, 500),
  $body-1: mat-typography-level(14px, 20px, 300),
  $caption: mat-typography-level(12px, 20px, 400),
  $button: mat-typography-level(13px, 1em, 500),
  $input: mat-typography-level(12px, 1.0, 400)
);

/* c. Setting Material Components for Mixin */
@mixin eagna-typography($eagna-typography) {

    @include angular-material-typography($eagna-typography);
    @include mat-core($eagna-typography);
    @include mat-toolbar-typography($eagna-typography);
    @include mat-badge-typography($eagna-typography);
    @include mat-base-typography($eagna-typography);
    @include mat-autocomplete-typography($eagna-typography);
    @include mat-bottom-sheet-typography($eagna-typography);
    @include mat-button-typography($eagna-typography);
    @include mat-button-toggle-typography($eagna-typography);
    @include mat-card-typography($eagna-typography);
    @include mat-checkbox-typography($eagna-typography);
    @include mat-chips-typography($eagna-typography);
    @include mat-table-typography($eagna-typography);
    @include mat-datepicker-typography($eagna-typography);
    @include mat-dialog-typography($eagna-typography);
    @include mat-expansion-panel-typography($eagna-typography);
    @include mat-form-field-typography($eagna-typography);
    @include mat-grid-list-typography($eagna-typography);
    @include mat-input-typography($eagna-typography);
    @include mat-menu-typography($eagna-typography);
    @include mat-paginator-typography($eagna-typography);
    @include mat-progress-bar-typography($eagna-typography);
    @include mat-progress-spinner-typography($eagna-typography);
    @include mat-radio-typography($eagna-typography);
    @include mat-select-typography($eagna-typography);
    @include mat-sidenav-typography($eagna-typography);
    @include mat-slide-toggle-typography($eagna-typography);
    @include mat-slider-typography($eagna-typography);
    @include mat-stepper-typography($eagna-typography);
    @include mat-sort-typography($eagna-typography);
    @include mat-tabs-typography($eagna-typography);
    @include mat-toolbar-typography($eagna-typography);
    @include mat-tooltip-typography($eagna-typography);
    @include mat-list-typography($eagna-typography);
    @include mat-option-typography($eagna-typography);
    @include mat-optgroup-typography($eagna-typography);
    @include mat-snack-bar-typography($eagna-typography);
    @include mat-tree-typography($eagna-typography);

}

@include eagna-typography($eagna-typography);


/* AG- Grid Theme */

