/**
 * Hauzii Decor Utilities
 *
 * data-hz-decor「只設一個顏色」的純裝飾綁定掛載 class。
 * paint 目標由 compiler 依值後綴烘進 markup(runtime 零猜測):
 *   .hz-decor-tint   → background-color(髮絲線 / 圓點 / chip 底 / 色塊)
 *   .hz-decor-ink    → color(裝飾字 / svg currentColor / 水印字)
 *   .hz-decor-border → border-color(獨立空心框 / 底線裝飾)
 * 色值來自 DecorBindingProcessor 產出的 inline CSS 變數 --hz-decor-color-*。
 * 3-tier 響應式:tablet(<=1023) / mobile(<=767) 各自 fallback 回上一級,
 * 只設 desktop 時全斷點沿用 desktop 值。
 */

.hz-decor-tint {
    background-color: var(--hz-decor-color-desktop);
}

.hz-decor-ink {
    color: var(--hz-decor-color-desktop);
}

.hz-decor-border {
    border-color: var(--hz-decor-color-desktop);
}

@media (max-width: 1023px) {
    .hz-decor-tint {
        background-color: var(--hz-decor-color-tablet, var(--hz-decor-color-desktop));
    }
    .hz-decor-ink {
        color: var(--hz-decor-color-tablet, var(--hz-decor-color-desktop));
    }
    .hz-decor-border {
        border-color: var(--hz-decor-color-tablet, var(--hz-decor-color-desktop));
    }
}

@media (max-width: 767px) {
    .hz-decor-tint {
        background-color: var(--hz-decor-color-mobile, var(--hz-decor-color-tablet, var(--hz-decor-color-desktop)));
    }
    .hz-decor-ink {
        color: var(--hz-decor-color-mobile, var(--hz-decor-color-tablet, var(--hz-decor-color-desktop)));
    }
    .hz-decor-border {
        border-color: var(--hz-decor-color-mobile, var(--hz-decor-color-tablet, var(--hz-decor-color-desktop)));
    }
}