/**
 * Global styles. This is the ONLY sheet that is allowed plain HTML tags for anything other than margin.
 */

@use "theme";
@use "mixins";

html {
  min-inline-size: 100vi;
  min-block-size: 100vb;
  overflow: hidden;
  background-image: theme.$gradient;
}

body {
  font-family: theme.$fontFamily--body;
  font-size: theme.$fontSize-0;
  color: theme.$neutral-900;
  letter-spacing: theme.$letterSpacing;
}

b {
  font-weight: normal;
}

@include mixins.rainbowify-text(i, color);
@include mixins.rainbowify-text(b, color);

hr {
  block-size: theme.$spacer-4xs;
  background-image: theme.$gradient;
  border: none;
}

a {
  @include mixins.link-style;
}
