// 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: #607d8b, secondary: #4caf50
$_palettes: (
  primary: (
    0: #0d0f19,
    10: #141726,
    20: #222744,
    25: #2b3056,
    30: #3a4179,
    35: #424a8a,
    40: #4a529c,
    50: #5963b0,
    60: #6a75b6,
    70: #7181c3,
    80: #8591cd,
    90: #99a1d7,
    95: #adb1e1,
    98: #c1c1eb,
    99: #e0e3f5,
    100: #ffffff,
  ),
  secondary: (
    0: #1f1f0b,
    10: #2d2d0f,
    20: #3c3c13,
    25: #464619,
    30: #51511e,
    35: #5b5b23,
    40: #666628,
    50: #7a7a30,
    60: #8e8e39,
    70: #a09f44,
    80: #b3b355,
    90: #c7c766,
    95: #dbdb77,
    98: #efef88,
    99: #fafaa3,
    100: #ffffff,
  ),
  tertiary: (
    0: #000000,
    10: #191836,
    20: #2e2d4d,
    25: #393858,
    30: #454364,
    35: #514f71,
    40: #5d5b7d,
    50: #767397,
    60: #8f8db2,
    70: #aaa7ce,
    80: #c6c2ea,
    90: #e3dfff,
    95: #f2eeff,
    98: #fcf8ff,
    99: #fffbff,
    100: #ffffff,
  ),
  neutral: (
    0: #000000,
    10: #191c1e,
    20: #2e3132,
    25: #393c3d,
    30: #444749,
    35: #505355,
    40: #5c5f60,
    50: #757779,
    60: #8f9193,
    70: #a9abad,
    80: #c5c7c8,
    90: #e1e2e4,
    95: #eff1f3,
    98: #f8f9fb,
    99: #fbfcfe,
    100: #ffffff,
    4: #0c0f10,
    6: #111415,
    12: #1d2022,
    17: #272a2c,
    22: #323537,
    24: #373a3b,
    87: #d9dadc,
    92: #e7e8ea,
    94: #edeef0,
    96: #f2f4f6,
  ),
  neutral-variant: (
    0: #000000,
    10: #151d20,
    20: #2a3236,
    25: #353d41,
    30: #40484c,
    35: #4c5458,
    40: #586064,
    50: #70787d,
    60: #8a9297,
    70: #a4acb1,
    80: #c0c8cd,
    90: #dce4e9,
    95: #eaf2f7,
    98: #f4faff,
    99: #fafcff,
    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: dark,
        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 theme-vars {
  --mat-sidenav-content-background-color: #{mat.get-theme-color(
      $theme,
      primary,
      0
    )};
  --mat-sidenav-container-background-color: #{mat.get-theme-color(
      $theme,
      primary,
      0
    )};
  --mat-app-background-color: #{mat.get-theme-color($theme, primary, 0)};
  --mat-app-background: #{mat.get-theme-color($theme, primary, 0)};
  --mat-fab-small-foreground-color: var(--mat-app-text-color);
  --mat-table-background-color: #{mat.get-theme-color($theme, primary, 10)};
  --mat-expansion-container-background-color: #{mat.get-theme-color(
      $theme,
      primary,
      10
    )};
  --mdc-elevated-card-container-color: #{mat.get-theme-color(
      $theme,
      primary,
      10
    )};
  --mat-toolbar-container-background-color: #{mat.get-theme-color(
      $theme,
      primary,
      20
    )};
}
