// This file was generated by running 'ng generate @angular/material:m3-theme'.
// Proceed with caution if making changes to this file.

@use "sass:map";
@use "@angular/material" as mat;

// Note: Color palettes are generated from primary: #3f51b5, secondary: #e91e63
$_palettes: (
  primary: (
    0: #000000,
    10: #00105c,
    20: #08218a,
    25: #1b2f95,
    30: #293ca0,
    35: #3649ac,
    40: #4355b9,
    50: #5d6fd4,
    60: #7789f0,
    70: #97a5ff,
    80: #bac3ff,
    90: #dee0ff,
    95: #f0efff,
    98: #fbf8ff,
    99: #fefbff,
    100: #ffffff,
  ),
  secondary: (
    0: #000000,
    10: #400014,
    20: #660025,
    25: #7b002e,
    30: #900038,
    35: #a60041,
    40: #bc004b,
    50: #e61a61,
    60: #ff4e7c,
    70: #ff869d,
    80: #ffb2be,
    90: #ffd9de,
    95: #ffecee,
    98: #fff8f7,
    99: #fffbff,
    100: #ffffff,
  ),
  tertiary: (
    0: #000000,
    10: #2d1228,
    20: #44263d,
    25: #513149,
    30: #5d3c55,
    35: #6a4861,
    40: #77536d,
    50: #916c86,
    60: #ac85a1,
    70: #c99fbc,
    80: #e6bad7,
    90: #ffd7f1,
    95: #ffecf6,
    98: #fff7f9,
    99: #fffbff,
    100: #ffffff,
  ),
  neutral: (
    0: #000000,
    10: #1b1b1f,
    20: #303034,
    25: #3b3b3f,
    30: #47464a,
    35: #535256,
    40: #5f5e62,
    50: #78767a,
    60: #929094,
    70: #acaaaf,
    80: #c8c5ca,
    90: #e4e1e6,
    95: #f3f0f4,
    98: #fbf8fd,
    99: #fefbff,
    100: #ffffff,
    4: #0e0e11,
    6: #131316,
    12: #1f1f23,
    17: #2a2a2d,
    22: #353438,
    24: #39393c,
    87: #dcd9de,
    92: #eae7ec,
    94: #f0edf1,
    96: #f6f2f7,
  ),
  neutral-variant: (
    0: #000000,
    10: #1a1b23,
    20: #2f3038,
    25: #3a3b43,
    30: #46464f,
    35: #51525b,
    40: #5d5e67,
    50: #767680,
    60: #90909a,
    70: #abaab4,
    80: #c7c5d0,
    90: #e3e1ec,
    95: #f1effa,
    98: #fbf8ff,
    99: #fefbff,
    100: #ffffff,
  ),
  error: (
    0: #000000,
    10: #410002,
    20: #690005,
    25: #7e0007,
    30: #93000a,
    35: #a80710,
    40: #ba1a1a,
    50: #de3730,
    60: #ff5449,
    70: #ff897d,
    80: #ffb4ab,
    90: #ffdad6,
    95: #ffedea,
    98: #fff8f7,
    99: #fffbff,
    100: #ffffff,
  ),
);

$_rest: (
  secondary: map.get($_palettes, secondary),
  neutral: map.get($_palettes, neutral),
  neutral-variant: map.get($_palettes, neutral-variant),
  error: map.get($_palettes, error),
);
$_primary: map.merge(map.get($_palettes, primary), $_rest);
$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);

$theme: map.merge(
  mat.define-theme(
    (
      color: (
        theme-type: light,
        primary: $_primary,
        tertiary: $_tertiary,
      ),
    )
  ),
  (
    success: (
      0: #000000,
      10: #002204,
      20: #00390a,
      25: #00460f,
      30: #005313,
      35: #006018,
      40: #006e1c,
      50: #22892f,
      60: #41a447,
      70: #5dc05e,
      80: #78dc77,
      90: #94f990,
      95: #c8ffc0,
      98: #ecffe4,
      99: #f6fff0,
      100: #ffffff,
    ),
    caution: (
      0: #000000,
      10: #311300,
      20: #502400,
      25: #612d00,
      30: #723600,
      35: #843f00,
      40: #964900,
      50: #bc5d00,
      60: #e37100,
      70: #ff8e36,
      80: #ffb787,
      90: #ffdcc7,
      95: #ffede4,
      98: #fff8f5,
      99: #fffbff,
      100: #ffffff,
    ),
  )
);

@mixin clean-theme-vars {
  --mat-app-background-color: #{mat.get-theme-color($theme, neutral, 98)};
  --mat-app-background: #{mat.get-theme-color($theme, neutral, 98)};
  --mat-expansion-container-background-color: #{mat.get-theme-color(
      $theme,
      neutral,
      95
    )};
  --mat-expansion-container-shape: 2px;
  --mat-menu-container-color: #{mat.get-theme-color($theme, neutral, 95)};
  --mat-sidenav-container-background-color: #{mat.get-theme-color(
      $theme,
      neutral,
      98
    )};
  --mat-sidenav-content-background-color: #{mat.get-theme-color(
      $theme,
      neutral,
      98
    )};
  --mat-table-background-color: #{mat.get-theme-color($theme, neutral, 95)};
  --mdc-chip-container-shape-radius: 4px;
  --mdc-dialog-container-shape: 6px;
  --mdc-elevated-card-container-color: #{mat.get-theme-color(
      $theme,
      neutral,
      95
    )};
  --mdc-elevated-card-container-shape: 6px;
  --mdc-fab-small-container-color: #{mat.get-theme-color($theme, neutral, 90)};
  --mdc-fab-small-container-elevation-shadow: none;
  --mdc-fab-small-container-shape: 4px;
  --mdc-fab-small-focus-container-elevation-shadow: 1px 1px 2px #{mat.get-theme-color(
      $theme,
      neutral,
      80
    )};
  --mdc-fab-small-hover-container-elevation-shadow: 1px 1px 2px #{mat.get-theme-color(
      $theme,
      neutral,
      70
    )};
  --mdc-filled-text-field-container-color: #{mat.get-theme-color(
      $theme,
      neutral,
      95
    )};
  --mdc-linear-progress-track-color: #{mat.get-theme-color($theme, neutral, 95)};
  --mdc-outlined-button-container-shape: 6px;
  --mdc-text-button-container-shape: 4px;
  .mat-toolbar.toolbar-header {
    --mat-toolbar-container-text-color: var(--mat-app-text-color);
    background-color: mat.get-theme-color($theme, neutral, 95);
    border-bottom-color: var(--mat-table-row-item-outline-color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    a {
      color: var(--mat-app-text-color);
      &.active {
        color: mat.get-theme-color($theme, primary, 40);
        &.mdc-button {
          background-color: mat.get-theme-color($theme, neutral, 92);
        }
      }
    }
    .mat-icon {
      color: var(--mat-app-text-color);
      fill: var(--mat-app-text-color);
    }
  }
  .mat-expansion-panel {
    box-shadow: 1px 1px 2px var(--mat-table-row-item-outline-color);
  }
}
