Hey

:root {
  --color-dominant: #6a30ea;
  --color-surface: #32377d;
  --color-ink: #fce8a0;
  --color-accent: #aa66a2;
  --color-detail: #baa9c4;
}

/* CSS variables exposed by source */
:root {
  --color-lavender: rgb(213, 210, 255);
  --color-cobalt: rgb(0, 116, 228);
  --background-mint-sky: linear-gradient(
    135deg,
    rgb(179, 244, 224) 0,
    rgb(182, 219, 255) 100%
  );
  --background-blurple-cobalt: linear-gradient(
    135deg,
    rgb(85, 34, 250) 0,
    rgb(0, 116, 228) 100%
  );
  --background-peach-canary: linear-gradient(
    135deg,
    rgb(255, 229, 218) 0,
    rgb(255, 245, 202) 100%
  );
  --space-xxxx-large: 6em;
  --color-stone: rgb(237, 234, 230);
  --font-size-x-large: 150%;
  --font-size-small: 85%;
  --font-size-xx-large: 200%;
  --background-blurple-salmon: linear-gradient(
    135deg,
    rgb(85, 34, 250) 0,
    rgb(236, 133, 128) 100%
  );
  --font-size-xxx-small: 55%;
  --space-small: 0.5em;
  --font-size-x-small: 75%;
  --color-coral: rgb(249, 92, 92);
  --color-teal: rgb(95, 221, 197);
  --color-mint-light: rgb(216, 249, 240);
  --color-yellow: rgb(245, 214, 82);
  --background-teal-sky: linear-gradient(
    135deg,
    rgb(95, 221, 197) 0,
    rgb(182, 219, 255) 100%
  );
  --color-sky-light: rgb(238, 248, 255);
  --color-canary: rgb(255, 245, 202);
  --space-x-large: 3em;
  --font-size-large: 125%;
  --color-orange: rgb(248, 121, 23);
  --color-blurple: rgb(85, 34, 250);
  --color-white: rgb(255, 255, 255);
  --color-grey: rgb(115, 108, 131);
  --space-large: 2em;
  --background-coral-salmon: linear-gradient(
    135deg,
    rgb(249, 92, 92) 0,
    rgb(236, 133, 128) 100%
  );
  --color-hey-for-domains: rgb(85, 34, 250);
  --space-neutral: 1.4em;
  --space-medium: 1em;
  --font-size-xxxx-small: 45%;
  --color-lavender-light: rgb(234, 232, 254);
  --color-peach-light: rgb(254, 242, 237);
  --font-size-xxx-large: 260%;
  --color-salmon: rgb(236, 133, 128);
  --space-xxx-large: 5em;
  --color-canary-light: rgb(255, 250, 229);
  --color-sky-tint: rgb(218, 237, 254);
  --space-xx-large: 4em;
  --color-black: rgb(35, 28, 51);
  --color-green: rgb(41, 152, 80);
  --font-size-xx-small: 65%;
  --font-size-medium: 100%;
  --color-coral-dark: rgb(236, 67, 67);
  --color-purple: rgb(119, 0, 162);
  --color-sky: rgb(182, 219, 255);
  --color-paper: rgb(249, 247, 245);
  --background-canary-peach: linear-gradient(
    135deg,
    rgb(255, 245, 202) 0,
    rgb(255, 229, 218) 100%
  );
  --color-mint: rgb(179, 244, 224);
  --color-green-light: rgb(22, 186, 91);
  --color-hey-for-you: rgb(95, 221, 197);
  --color-stone-light: rgb(247, 244, 240);
  --color-pink-light: rgb(239, 218, 245);
  --background-teal-mint: linear-gradient(
    135deg,
    rgb(95, 221, 197) 0,
    rgb(179, 244, 224) 100%
  );
  --color-pink: rgb(207, 111, 182);
  --color-peach: rgb(255, 229, 218);
  --font-size: clamp(1.375rem, 2.225vw, 2rem);
  --background-salmon-coral: linear-gradient(
    135deg,
    rgb(236, 133, 128) 0,
    rgb(249, 92, 92) 100%
  );
}