:root {
  --floweal-purple: #2E183F;
  --floweal-text: #0B0811;
  --floweal-muted: #716A7C;
  --floweal-background: #FFFFFF;
  --floweal-warm: #F7F5F2;
  --floweal-line: #E9E5E0;
  --floweal-services: #BCF9CD;
  --floweal-go: #C5E5FF;
  --floweal-desk: #E5DAFC;
  --floweal-management: #FFD3A8;
  --floweal-accent: #7048DF;
  --floweal-container: 1760px;
  --floweal-reading-width: 760px;
  --floweal-wide-width: 1040px;
  --floweal-section-spacing: 96px;
  --floweal-header-height: 84px;
  --floweal-header-occupied: calc(var(--floweal-header-height) + 20px);
  --floweal-radius-small: 12px;
  --floweal-radius-medium: 20px;
  --floweal-radius-large: 30px;
  --floweal-motion-duration: 600ms;
  --floweal-reveal-distance: 18px;
  --floweal-parallax-max: 10px;
  --floweal-font-body: "Inter", sans-serif;
  --floweal-font-heading: "Bagoss", "Inter", sans-serif;
}

html {
  font-size: 16px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none
  background: var(--floweal-background);
  color: var(--floweal-text);
  font-family: var(--floweal-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.floweal-heading {
  font-family: var(--floweal-font-heading);
}