@use "sass:meta";
@use "tokens";

// Expose tokens as Sass variables
@forward "tokens";

// Load fonts
@import "typography/fonts";

.iati-design-system--enabled {
  @import "base";
  @import "tokens";
  @import "typography";
  @import "components";
  @import "layout";
  @import "utilities";

  @include body-styles();
}

// Expose tokens as CSS custom properties
:root {
  @each $name, $value in meta.module-variables("tokens") {
    --#{$name}: #{$value};
  }
}