@use 'sass:map';
@use '@angular/material' as mat;
@use './theme/theme-data' as theme;

$custom-theme: mat.m2-define-light-theme(
    (
        color: (
            primary: map.get(theme.$palettes, primary),
            accent: map.get(theme.$palettes, accent),
            warn: map.get(theme.$palettes, warning)
        ),
        typography: theme.$app-typography
    )
);

@if theme.$background-color {
    $custom-theme: theme.get-custom-background-color(theme.$background-color, $custom-theme);
}

@if theme.$text-color {
    $custom-theme: theme.get-custom-text-color(theme.$text-color, $custom-theme);
}

@if theme.$base-font-size {
    body,
    html {
        font-size: theme.$base-font-size;
    }
}

@if theme.$font-family {
    body,
    html {
        font-family: theme.$font-family;
    }
}