blitzkit/packages/website-ue/src/components/BaseStyles.astro

<style is:global>
  @import "@radix-ui/colors/mauve-dark.css";
  @import "@radix-ui/colors/mauve-alpha.css";
  @import "@fontsource-variable/roboto-flex";

  body {
    --space-0: 0.0625rem;
    --space-1: 0.125rem;
    --space-2: 0.25rem;
    --space-3: 0.5rem;
    --space-4: 1rem;
    --space-5: 2rem;
    --space-6: 4rem;
    --space-7: 8rem;
    --space-8: 16rem;
    --space-9: 32rem;

    --weight-thin: 100;
    --weight-extra-light: 200;
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extra-bold: 800;
    --weight-black: 900;

    --font-size-regular: 1rem;

    background-color: var(--gray-1);
    color: var(--gray-12);
    font-family: "Roboto Flex", sans-serif;

    display: flex;
    flex-direction: column;
  }

  body {
    margin: 0;
  }
</style>