@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Onest:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import 'react-grid-layout/css/styles.css';
@import '@lifeforge/ui/dist/index.css';

main#app {
  background-color: color-mix(in srgb, var(--color-bg-200) 50%, transparent);
  color: var(--color-bg-800);

  .dark & {
    background-color: color-mix(in srgb, var(--color-bg-900) 50%, transparent);
    color: var(--color-bg-50);
  }
}

body {
  margin: 0 !important;
}