/*
 * 設計 token：字級階與語意型別。
 *
 * 這些值原本只存在房地王的 public/assets/css/custom.css，而 site-kit 的 cards.css
 * 用了其中 13 個——套件出貨的樣式依賴使用端的檔案，新的使用端拿到卡片會是
 * 「版面對、字級空」。2026-09-11 搬進套件補上這個缺口。
 *
 * 包 :where() 讓特異性歸零：這裡提供的是「沒人管時的預設值」，
 * 使用端用一般的 :root 就能覆寫。
 */
:where(:root) {
    --ht-text-2xs: 0.75rem;
    --ht-text-2xs-plus: 0.8125rem;
    --ht-text-xs: 0.875rem;
    --ht-text-sm: 0.9375rem;
    --ht-text-base: 1rem;
    --ht-text-base-plus: 1.0625rem;
    --ht-text-md: 1.125rem;
    --ht-text-lg: 1.25rem;
    --ht-text-xl: 1.375rem;
    --ht-text-2xl: 1.5rem;
    --ht-text-3xl: 1.75rem;
    --ht-text-market-mobile: clamp(1.25rem, 5vw, 1.375rem);
    --ht-type-section-title: var(--ht-text-xl);
    --ht-type-card-title: var(--ht-text-md);
    --ht-type-body: var(--ht-text-base);
    --ht-type-meta: var(--ht-text-sm);
    --ht-type-label: var(--ht-text-sm);
    --ht-type-field-value: var(--ht-text-base);
    --ht-type-price: var(--ht-text-lg);
    --ht-type-market-value: var(--ht-text-xl);
    --ht-scrim: rgba(0, 0, 0, .8);
    --ht-scrim-blur: blur(0.3rem);
}