/* Keep the Home and Books coloring shelves in the Coloring page's palette. */
.home-activity-coloring,
.books-coloring-panel {
    --activity-color: #6726b7;
    --activity-tint: #f3eeff;
    --catalog-color: #283e72;
}

.coloring-category-label {
    color: #283e72;
    background: linear-gradient(100deg, #c72575 0%, #b75b00 24%, #13844b 45%, #087caf 65%, #7122d2 84%, #c72575 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.home-activity-coloring .home-activity-icon,
.books-coloring-panel .catalog-coloring-icon {
    flex-shrink: 0;
    background: conic-gradient(#d52b74, #c26900, #128545, #0878b2, #7122d2, #d52b74);
}

.home-activity-coloring .home-activity-heading p,
.home-activity-coloring .home-activity-title,
.home-activity-coloring .home-activity-meta,
.books-coloring-panel .catalog-book h3 {
    color: #283e72;
}

.home-activity-coloring .home-coloring-card,
.books-coloring-panel .catalog-book {
    border-color: #e7dff3;
    background: #fefcff;
}

.home-activity-coloring .home-coloring-list,
.books-coloring-panel .catalog-coloring-track {
    scrollbar-color: #bea4dd transparent;
}

.books-coloring-panel .catalog-button {
    color: #fff;
    border-color: #9250cf;
    background: linear-gradient(#9545df, #6421b5);
}

.books-coloring-panel .catalog-button:focus-visible {
    outline-color: #6726b7;
}

@media (forced-colors: active) {
    .coloring-category-label {
        background: none;
        -webkit-text-fill-color: CanvasText;
    }
    .home-activity-coloring .home-activity-icon,
    .books-coloring-panel .catalog-coloring-icon {
        background: CanvasText;
    }
}