@use "@angular/material" as mat;
@import "styles";

$primary: mat.get-color-from-palette($primary-palette);
$primary-lighter-10: lighten($primary, 10%);
$primary-lighter-20: lighten($primary, 20%);
$primary-lighter-30: lighten($primary, 30%);
$primary-lighter-40: lighten($primary, 40%);
$primary-lighter-50: lighten($primary, 50%);
$primary-darker-10: darken($primary, 10%);
$primary-darker-20: darken($primary, 20%);
$primary-darker-30: darken($primary, 30%);

$accent: mat.get-color-from-palette($accent-pallette, 'text');
$accent-darker-10: darken($accent, 10%);
$accent-lighter-10: lighten($accent, 10%);

$warn: mat.get-color-from-palette($warn-palette);
$warn-lighter: lighten($warn, 10%);
$warn-chill: #fcd349;

$text: #FFF;
$text-darker-10: darken($text, 10%);

$background: darken(#373a46, 10%);
$background-darker-05: darken($background, 5%);
$background-darker-10: darken($background, 10%);
$background-lighter-05: lighten($background, 5%);
$background-lighter-10: lighten($background, 10%);
$background-lighter-15: lighten($background, 15%);

// specifics
$tag-namespace: $accent-lighter-10;


// fonts
$typography-config: mat.get-typography-config($theme);
$font-family: mat.font-family($typography-config);