:root[data-theme="pastel"] {
  --bg: #fcf5ff;
  --text: #0d444a;

  --accent-mustard: #FFD930;
  --accent-pink: #FAA2F6;
  --accent-purple: #9279FF;
  --accent-grey: #686868;
  --accent-cyan: #B5F7E5;

  --rainbow-gradient: linear-gradient(
    84deg,
    rgba(255,189,200,1) 0%,
    rgba(246,255,175,1) 12%,
    rgba(205,255,167,1) 25%,
    rgba(195,241,255,1) 50%,
    rgba(241,202,245,1) 69%,
    rgba(252,206,242,1) 91%
  );

  --font-display: 'DotGothic16', monospace;
  --font-decorative: 'PixelWitchery', cursive;
  --font-mono: 'Fira Code', monospace;
  --font-body: 'Nunito Sans', sans-serif;

  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
}

[data-theme="pastel"] h1,
[data-theme="pastel"] h2,
[data-theme="pastel"] h3 {
  font-family: var(--font-display);
}

[data-theme="pastel"] .site-header {
  background: var(--rainbow-gradient);
  border: 2px ridge var(--accent-pink);
}

[data-theme="pastel"] a {
  color: var(--accent-purple);
}

[data-theme="pastel"] a:hover {
  color: var(--accent-pink);
}