/*
    Functions to build and derive
    theme colors based on clients brand
*/

@function var($variable) {
  @return map-get($variables, $variable);
}

@function buildPalette($v) {
  @return mat-palette(prepPalette($v));
}

$DARK: $dark-primary-text;
$LIGHT: $light-primary-text;

// Pulls the CSS Attributes and
// assigns them to their respective Hue
@function prepPalette($v) {
  @return (50: var(--#{$v}-50),
    100: var(--#{$v}-100),
    200: var(--#{$v}-200),
    300: var(--#{$v}-300),
    400: var(--#{$v}-400),
    500: var(--#{$v}-500),
    600: var(--#{$v}-600),
    700: var(--#{$v}-700),
    800: var(--#{$v}-800),
    900: var(--#{$v}-900),
    A100: var(--#{$v}-A100),
    A200: var(--#{$v}-A200),
    A400: var(--#{$v}-A400),
    A700: var(--#{$v}-A700),
    contrast: (50: $DARK,
      100: $DARK,
      200: $DARK,
      300: $DARK,
      400: $DARK,
      500: $LIGHT,
      600: $LIGHT,
      700: $LIGHT,
      800: $LIGHT,
      900: $LIGHT,
      A100: $DARK,
      A200: $LIGHT,
      A400: $LIGHT,
      A700: $LIGHT,
    ));
}