@use "sass:map";
@use "sass:list";

@use "mixins";
@use "themes";

@use "modules/container";
@use "modules/layout";
@use "modules/menu";
@use "modules/root";
@use "modules/tabs";

@each $theme-name, $values in themes.$themes {
  $theme: list.nth($values, 1);
  $theme-light-dark: list.nth($values, 2);

  :root.#{$theme-name} {
    @each $var, $value in $theme {
      --gd-exercise-#{$var}: #{$value};
    }

    @each $var, $values in $theme-light-dark {
      --gd-exercise-#{$var}: #{list.nth($values, 1)};
    }
  }

  :root.#{$theme-name}.dark {
    @each $var, $values in $theme-light-dark {
      --gd-exercise-#{$var}: #{list.nth($values, 2)};
    }
  }
}

$theme: list.nth(themes.$default, 1);
$theme-light-dark: list.nth(themes.$default, 2);
:root {
  @each $var, $value in $theme {
    --gd-exercise-#{$var}: #{$value};
  }

  @each $var, $values in $theme-light-dark {
    --gd-exercise-#{$var}: #{list.nth($values, 1)};
  }
}

:root.dark {
  @each $var, $values in $theme-light-dark {
    --gd-exercise-#{$var}: #{list.nth($values, 2)};
  }
}