@use "00-base/variables" as *;

@use "00-base/color-tokens" as *;

@use "00-base/colors" as *;

@mixin background-colors ($lightTheme, $darkTheme) {
    // $lightTheme: (
    //     "c-primary": $c-primary-lightest,
    //     "c-primary-alt": $c-primary-alt-lightest,
    //     "c-highlight": $c-highlight-lightest,
    //     "c-gray": $c-platinum-gray,
    //     "c-white": $c-white
    // );
    // $darkTheme: (
    //     "c-primary": $c-primary,
    //     "c-primary-alt": $c-primary-alt,
    //     "c-highlight": $c-highlight,
    //     "c-gray": $c-gray-darkest,
    //     "c-black": $c-gray-darkest
    // );

    @each $class, $c in $lightTheme {
        &--#{$class}-bg-light {
          background-color: $c;
        }
      }

    @each $class, $c in $darkTheme {
        &--#{$class}-bg-dark {
            background-color: $c;

            @if $class != "c-highlight" {
            color: var(--mf-c-white);

                & > * {
                    fill: var(--mf-c-white) !important;
                    color: var(--mf-c-white) !important;
                    border-color: var(--mf-c-white) !important;
                }
            }
        }
    }
}