:root {
  --background-color: #FFEEF3;
  --background-secondary-color: #febed2;
  --background-gradient: linear-gradient(90deg,rgba(255, 238, 243, 1) 0%, rgba(238, 206, 241, 1) 100%);
  
  --font-primary-text: #cf9bd6;
  --font-allura: "Allura", cursive;
  --font-poppins: "Poppins", sans-serif;
  --font-idiqlat: "Idiqlat", serif;

  --nav-background-color: #FFEEF3;
  --nav-font-color: #760097;
  --nav-hover-background-color: #febed2;

  --hero-heading-color: #cd9cd3;

  /* Stickers and labels section colors. */
  --sticker-and-labels-section: #fff8fb;
  --sticker-and-labels-section-heading: #760097;
  --sticker-and-labels-section-text: #674569;
  --sticker-and-labels-section-accent: #cf9bd6;
  --sticker-and-labels-section-placeholder: #ffe2eb;
  --sticker-and-labels-section-placeholder-accent: #eed2f1;

  /* Hero starlight-effect colours, mapped to the site palette. */
  --ink: var(--hero-heading-color);
  --ink-2: var(--background-secondary-color);
  --ink-3: var(--font-primary-text);

}

body {
  background-color: var(--background-color);
  font-family: var(--font-poppins);
  color: var(--font-primary-text);
}