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

$theme-background-palette: map.merge(
  mat.$light-theme-background-palette,
  (
    background: white,
    content: #eeeeee,
  )
);
$theme-foreground-palette: mat.$light-theme-foreground-palette;

$dark-primary-text: rgba(black, 0.87);
$light-primary-text: white;

$purple-palette: (
  50: #f0eaf7,
  100: #d9ccec,
  200: #c0aae0,
  300: #a787d3,
  400: #946ec9,
  500: #8154c0,
  600: #794dba,
  700: #6e43b2,
  800: #643aaa,
  900: #51299c,
  A100: #e9deff,
  A200: #c6abff,
  A400: #a478ff,
  A700: #925eff,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #000000,
    400: #000000,
    500: #ffffff,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #000000,
    A400: #000000,
    A700: #ffffff,
  ),
);

$blue-palette: (
  50: #edf8fa,
  100: #d3edf3,
  200: #b6e1eb,
  300: #98d4e3,
  400: #82cbdd,
  500: #6cc2d7,
  600: #64bcd3,
  700: #59b4cd,
  800: #4facc7,
  900: #3d9fbe,
  A100: #ffffff,
  A200: #daf6ff,
  A400: #a7e9ff,
  A700: #8de3ff,
  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,
  ),
);

$red-palette: (
  50: #f7e6e0,
  100: #eac0b3,
  200: #dc9680,
  300: #ce6c4d,
  400: #c44d26,
  500: #b92d00,
  600: #b22800,
  700: #aa2200,
  800: #a21c00,
  900: #931100,
  A100: #ffc2be,
  A200: #ff918b,
  A400: #ff6158,
  A700: #ff493f,
  contrast: (
    50: $dark-primary-text,
    100: $dark-primary-text,
    200: $dark-primary-text,
    300: $dark-primary-text,
    400: $dark-primary-text,
    500: $light-primary-text,
    600: $light-primary-text,
    700: $light-primary-text,
    800: $light-primary-text,
    900: $light-primary-text,
    A100: $dark-primary-text,
    A200: $dark-primary-text,
    A400: $dark-primary-text,
    A700: $light-primary-text,
  ),
);