/*
 * 愛粉絲主站品牌色：Logo 愛心紅粉（2026-09-15 使用者選定方案 B）
 * 由 resources/views/partials/theme-head.blade.php 在主站載入（子站不載入，維持 BrandManager 各自設定）。
 * 載入順序在 Tailwind 編譯檔之後，同權重後者生效；不需重新 npm build。
 */

:root {
    --brand-primary: #ff4d8d;
    --brand-primary-hover: #e8437f;
    --brand-primary-light: #fff0f5;
    --brand-secondary: #e11d48;
    --brand-secondary-hover: #be123c;
    --brand-secondary-light: #ff8fb3;
    --brand-accent: #ff6b9d;

    /* 主漸層：淺粉 → 愛心桃紅 → 深紅（135deg，避免藍粉混出灰紫） */
    --ifans-brand-gradient: linear-gradient(135deg, #ff8fb3 0%, #ff4d8d 45%, #e11d48 100%);
    /* 上緣光澤層：疊在漸層上方增加質感（不佔用 box-shadow，保留元素原本的陰影） */
    --ifans-brand-sheen: linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 50%);
}

/* 品牌漸層背景（頁面標題圖示框、資訊卡、頭像等） */
.bg-brand-gradient {
    background: var(--ifans-brand-sheen), var(--ifans-brand-gradient);
}

/* 品牌漸層按鈕 */
.btn-brand {
    background: var(--ifans-brand-sheen), var(--ifans-brand-gradient);
}
.btn-brand:hover,
.shadow-brand-hover:hover {
    box-shadow: 0 10px 25px -5px rgba(225, 29, 72, .38);
}

/* 品牌漸層文字 */
.text-brand-gradient {
    background: linear-gradient(135deg, #ff4d8d 0%, #e11d48 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 品牌 CTA 區塊 */
.bg-brand-cta {
    background: linear-gradient(135deg, #ff8fb3 0%, #ff4d8d 42%, #e11d48 100%);
}