@use "@angular/material" as mat;

@import "./reset";
@import "./variables";
@import "./mixins";
@import "./button";
@import "./material";
@import "./common";

// Include non-theme styles for core.
@include mat.core();

$nb-pallete: (
  50: #ffffea,
  100: #fffbc8,
  200: #fff7a2,
  300: #fff27d,
  400: #fded60,
  500: #fbe844,
  600: #ffdf48,
  700: #ffcd47,
  800: #ffb53f,
  900: #ff8d31,
  A100: #ff8d31,
  A200: #ff8d31,
  A400: #ff8d31,
  A700: #ff8d31,
  contrast: (50: #f7f7f7,
    100: #eeeeee,
    200: #e3e3e3,
    300: #d1d1d1,
    400: #acacac,
    500: #8b8b8b,
    600: #646464,
    700: #515151,
    800: #333333,
    900: #ffffff,
  ),
);

// Define a theme.
$primary: mat.define-palette($nb-pallete, 900);
$accent: mat.define-palette($nb-pallete, 900);

$nb-theme: mat.define-light-theme((color: (primary: $primary,
        accent: $accent,
      ),
      density: 0,
    ));

@include mat.all-component-themes($nb-theme);

/* You can add global styles to this file, and also import other style files */

.mat-horizontal-stepper-header-container {
  display: none !important;
}

.card-box {
  h1 {
    margin-bottom: 0 !important;
    text-align: center;
    margin-top: 160px !important;
    font-size: 22px;
    font-weight: $font-Regular;
  }
}