@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  --brand-border-radius: 3px;
  --brand-color-header: white;
  --brand-color-prim50-filter: brightness(0) saturate(100%) invert(94%)
    sepia(7%) saturate(319%) hue-rotate(222deg) brightness(97%) contrast(99%);
  --brand-color-prim50: #ebddf8;
  --brand-color-prim100-filter: brightness(0) saturate(100%) invert(71%)
    sepia(22%) saturate(961%) hue-rotate(215deg) brightness(101%) contrast(91%);
  --brand-color-prim100: #c29aea;
  --brand-color-prim200-filter: brightness(0) saturate(100%) invert(20%)
    sepia(98%) saturate(2573%) hue-rotate(269deg) brightness(78%) contrast(98%);
  --brand-color-prim200: #8231d4;
  --brand-color-prim300-filter: brightness(0) saturate(100%) invert(13%)
    sepia(36%) saturate(6321%) hue-rotate(270deg) brightness(87%) contrast(122%);
  --brand-color-prim300: #521d87;
  --brand-font-family: Inter, Serif;
  --main-font-family: "Inter", -apple-system, system-ui, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* {
  font-size: 100%;
  font-family: var(--main-font-family);
}

body {
  background-color: white;
  margin: 0;
  min-width: 320px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}