:root:root {
  --color-brand: #7a4ee0;
  --color-brand-dark: #6238c4;
  --color-brand-soft: #efe7ff;
  --color-accent: #ff8a3d;
  --color-accent-dark: #ec742a;
  --color-accent-soft: #ffe9d8;
  --color-yellow: #ffc23d;
  --color-blue: #5bb0e8;
  --color-lav: #c79be8;
  --color-mint: #5fd0a8;
  --color-paper: #f6f4fb;
  --color-card: #ffffff;
  --color-soft: #f1eef8;
  --color-ink: #2a2440;
  --color-muted: #7a7691;
  --color-faint: #a39fb5;
  --color-line: #ece9f3;
  --color-hero-from: #9a6cf0;
  --color-hero-to: #6238c4;
  --color-hero-text: #ffffff;
}