@use '@angular/material' as mat

// Import your square button styles (adjust path if needed)
@use 'square-buttons'
@use 'layout'

@include mat.core()



:root
  // color-scheme: light dark
  @include mat.theme((
    color: (
      primary: mat.$azure-palette,
      tertiary: mat.$blue-palette,
      // theme-type: light,
    ),
    typography: (
      plain-family: Montserrat,
      brand-family: Montserrat,
      ),
    density: 0,
  ))
  font-family: "Helvetica Neue", Montserrat, sans-serif

html,
body
  height: 100%
  overscroll-behavior-y: contain
a
  color: rgb(0, 0, 238)
  text-decoration: underline


.mat-mdc-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary
  background: var(--mat-sys-primary) !important
  color: var(--mat-sys-on-primary) !important

.mat-mdc-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn
  background: var(--mat-sys-error) !important
  color: var(--mat-sys-on-error) !important