@import '../../common/modern-reset.css';
@import '../../common/theme.css';
@import '../../common/a11y.css';
@import '../../common/base.css';

:root {
  color-scheme: light dark;
}

body {
  --light-color: var(--pastel-blue);
  --dark-color: var(--pastel-lilac);

  /* background: var(--pastel-coral); */
  color: #000;
  margin: 58px;

  @media (prefers-color-scheme: dark) {
    /* background: var(--pastel-blue); */
    color: #fff;
  }

  h1 {
    color: light-dark(var(--light-color), var(--dark-color));
  }
}