@use 'sass:map';
@use '../settings';
@use '../settings/colors';
@use '../tools/functions' as *;

@if (settings.$color-pack) {
  @each $color-pack-name, $color-pack-themes in colors.$color-packs {
    @each $color-pack-theme, $color-pack-tokens in $color-pack-themes {
      @if ($color-pack-theme == light) {
        :root {
          @each $token-value, $token-color in $color-pack-tokens {
            --sd-sys-color-#{'' + $token-value}: #{$token-color};
          }
        }
      }
      @else if (settings.$dark-mode == true) {
        @media (prefers-color-scheme: dark) {
          .md body,
          .ios body,
          body {
            @each $token-value, $token-color in $color-pack-tokens {
              --sd-sys-color-#{'' + $token-value}: #{$token-color};
            }
          }
        }
      }
    }
  }
}