/* Inspirations / prepaint theme tokens (common light baseline)
 * Used by: /inspirations page prepaint category tabs (prepaint.css)
 */

:root {
    --prepaint-thumb-placeholder-start: var(--md-sys-color-surface-variant);
    --prepaint-thumb-placeholder-end: var(--md-sys-color-surface);
    --prepaint-thumb-bg: var(--md-sys-color-surface-variant);
    --prepaint-thumb-border-hover: var(--md-sys-color-outline);
    --prepaint-thumb-outline-hover: var(--md-sys-color-outline);
    --prepaint-item-name-bg: var(--md-sys-color-surface);
    --prepaint-back-hover-bg: var(--md-sys-color-primary);
    --prepaint-back-hover-text: var(--md-sys-color-on-primary);
    --prepaint-overlay-start: rgba(15, 23, 42, 0.03);
    --prepaint-overlay-end: rgba(15, 23, 42, 0.56);

    --masonry-tabs-shell-bg: var(--md-sys-color-surface-variant);
    --masonry-tabs-shell-border: var(--md-sys-color-outline);
    --masonry-tabs-shell-shadow: inset 0 1px 0 rgba(17, 24, 39, 0.04);

    --masonry-tabs-link-text: var(--md-sys-color-on-surface);
    --masonry-tabs-link-hover-bg: #9ca3af;
    --masonry-tabs-link-hover-text: var(--md-sys-color-on-surface);
    --masonry-tabs-link-active-bg: var(--md-sys-color-primary);
    --masonry-tabs-link-active-text: var(--md-sys-color-on-primary);
    --masonry-tabs-link-active-shadow-outer: 0 1px 2px rgba(17, 24, 39, 0.1);
    --masonry-tabs-link-active-shadow-inner: inset 0 0 0 1px rgba(17, 24, 39, 0.15);
    --masonry-tabs-link-focus: var(--md-sys-color-primary);

    --masonry-tabs-select-bg: var(--md-sys-color-surface);
    --masonry-tabs-select-border: var(--md-sys-color-outline);
    --masonry-tabs-select-text: var(--md-sys-color-on-surface);
}