@import "reset";
@import "palette";


body {
  background: var(--bg-400);
  color: var(--text-300);
  &:global(.light) {
    @include Light();
  }

  &:global(.dark) {
    @include Dark();
  }
  *{
    box-sizing: border-box;
  }
}

//@media (prefers-color-scheme: dark) {
//  body {
//    @include Dark();
//  }
//}
//
//@media (prefers-color-scheme: light) {
//  body {
//    @include Light();
//  }
//}