@use '@angular/material' as mat;
@use './default.scss' as default;
@use 'sass:map';

// Tạo custom primary palette
$custom-primary-palette: mat.m2-define-palette((
  50: #eaf1ff,  // từ primary-light
  100: #d0e0ff,
  200: #a3c0ff,
  300: #78a0ff,
  400: #5288f9,
  500: #2A66F4,  // màu chính bạn muốn
  600: #1c4ad9,  // từ primary-darker
  700: #1232bd,
  800: #0b1e9f,
  900: #061080,
  contrast: (
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
  )
));

// Tạo custom warn palette
$custom-warn-palette: mat.m2-define-palette((
  50: #ffebee,
  100: #ffcdd2,
  200: #ef9a9a,
  300: #e57373,
  400: #ef5350,
  500: #F82C13, // custom warn main color
  600: #e53935,
  700: #d32f2f,
  800: #c62828,
  900: #b71c1c,
  contrast: (
    500: white,
    700: white,
  )
));

// Tạo theme
$custom-theme: mat.m2-define-light-theme(
  (
    color: (
      primary: $custom-primary-palette,
      accent: mat.m2-define-palette(mat.$m2-indigo-palette),
      warn: $custom-warn-palette,
    ),
    density: -3,
    // typography: Roboto,
  )
);


// Apply theme
@include mat.all-component-themes($custom-theme);
