.ab-page[data-page="playground"] {
  --food-accent: #7c6bae;
  --food-accent-dark: #675696;
  --food-button: #f1eef8;
  --food-cream: #f8f6fc;
  --food-border: #ded8ec;
  --food-title: #554a70;
  --food-text: #4d465c;
  --food-muted: #777083;
}

.ab-page[data-page="playground"] .ab-primary-tab--playground.active {
  color: #7c6bae;
}

.ab-page[data-page="playground"] .food-category-tab {
  background: #f1eef8;
  color: #675696;
}

.ab-page[data-page="playground"] .food-category-tabs {
  justify-content: center;
}

.ab-page[data-page="playground"] .food-category-tab:hover,
.ab-page[data-page="playground"] .food-category-tab.active {
  border-color: #7c6bae;
  background: #7c6bae;
  color: #fff;
}

.ab-page[data-page="playground"] .food-card-placeholder {
  background: #f1eef8;
  color: #7c6bae;
}

.ab-page[data-page="playground"] .food-card:hover {
  box-shadow: 0 13px 32px rgba(124, 107, 174, 0.18);
}

.ab-page[data-page="playground"] .food-like-button.liked {
  border-color: #7c6bae;
  background: #f1eef8;
  color: #675696;
}

.playground-write-fab,
.ab-page[data-page="playground"] .food-write-submit {
  background: #7c6bae;
}

.playground-write-fab:hover,
.ab-page[data-page="playground"] .food-write-submit:hover {
  background: #675696;
}

.ab-page[data-page="playground"] .playground-category-choices {
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .ab-page[data-page="playground"] .food-category-tabs {
    justify-content: flex-start;
  }
}