/* ============================================================
   旺铺共享层 — primary 家族 color-mix 派生
   仅在旺铺页加载（head.phtml 见 $supplierBrandColor）。
   --color-primary 由 head 注入；本文件据其派生其余 primary 家族，
   橙色 CTA / 灰阶 / 语义色不在此覆盖（沿用 variables.css 锁死值）。
   百分比为初始值，按目视微调。
   ============================================================ */
:root {
    --color-primary-dark:     color-mix(in srgb, var(--color-primary) 82%, #000);
    --color-primary-darker:   color-mix(in srgb, var(--color-primary) 56%, #000);
    --color-primary-light:    color-mix(in srgb, var(--color-primary) 12%, #fff);
    --color-primary-lightest: color-mix(in srgb, var(--color-primary)  5%, #fff);

    --color-primary-grad:       linear-gradient(120deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 72%, #fff) 100%);
    --color-primary-grad-hover: linear-gradient(120deg, color-mix(in srgb, var(--color-primary) 82%, #000) 0%, var(--color-primary) 100%);

    --shadow-brand: 0 10px 24px color-mix(in srgb, var(--color-primary) 18%, transparent);

    /* 旺铺首页 advantage-bar 暗块用的 hero overlay（template1/css/index.css 引用） */
    --supplier-hero-overlay:
        radial-gradient(ellipse at 12% 88%, color-mix(in srgb, var(--color-primary) 50%, transparent) 0%, transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 45%, #000) 0%, color-mix(in srgb, var(--color-primary) 70%, #000) 45%, var(--color-primary) 100%);
}