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

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