:root {
  color-scheme: light only;
  --mirror-color: linear-gradient(
      rgba(13, 15, 18, 0.1),
      rgba(13, 15, 18, 0.2),
      rgba(13, 15, 18, 0.5)
    ),
    linear-gradient(
      rgba(13, 15, 18, 0.5) 0px,
      rgba(13, 15, 18, 0.15) 5px,
      rgba(13, 15, 18, 0) 10px
    );

  /* Pior art inspiration: https://once.com/writebook */
  --rgb-background: 244, 246, 247;
  --admin-color-background: rgb(var(--rgb-background));
  --marketing-color-background: rgb(var(--rgb-background));
}

/* Pior art inspiration: https://once.com/writebook */
.marketing-background {
  background: var(--marketing-color-background);
}

.admin-background {
  background: var(--admin-color-background);
}

.gradient {
  background-image: linear-gradient(
    20deg,
    hsl(30deg 100% 92%) 0%,
    hsl(39deg 95% 91%) 12%,
    hsl(52deg 79% 90%) 23%,
    hsl(71deg 78% 90%) 32%,
    hsl(94deg 100% 91%) 39%,
    hsl(83deg 96% 91%) 46%,
    hsl(73deg 93% 90%) 52%,
    hsl(64deg 89% 90%) 57%,
    hsl(55deg 100% 90%) 63%,
    hsl(55deg 100% 93%) 70%,
    hsl(55deg 100% 95%) 78%,
    hsl(55deg 100% 98%) 88%,
    hsl(0deg 0% 100%) 100%
  );
}