/*
 Theme Name:   Store Template (Vibrant Edition)
 Theme URI:    https://example.com
 Description:  Reusable Astra child theme — clean neutral storefront (white/black/grey, red logo accent). Big logo, light footer (owner rules). Built from accuratecarparts.com / vibranttool.com reference.
 Template:     astra
 Version:      1.0.0
 Author:       WorkBuddy
*/

/* ============================================================
   STORE TEMPLATE — BRAND VARIABLES
   换站只需改这里（或用 deploy_template.sh 注入 config.php 的值）。
   配色基准 = 参考站(vibranttool) 中性白/黑/灰，红色仅作 logo/强调点缀。
   ============================================================ */
:root {
  --brand:        #E02731;   /* 品牌红：仅 logo/强调/hover 点缀（不铺大面积） */
  --brand-dark:   #B71C25;   /* 品牌红 hover */
  --cta:          #1F1F1F;   /* 主按钮：中性近黑（参考站无彩色按钮） */
  --cta-dark:     #000000;   /* 主按钮 hover */
  --ink:          #111111;   /* 标题/强文本 */
  --text:         #333333;   /* 正文 */
  --muted:        #8A8A8A;   /* 次要文字：分类、原价删除线、提示 */
  --line:         #E6E6E6;   /* 分割线/边框 */
  --surface:      #F7F7F7;   /* 浅灰面：页脚导航带、区块底 */
  --white:        #FFFFFF;
  --border:       #E6E6E6;

  --header-h:     84px;      /* 页眉高度（大 logo） */
  --side-gutter:  2cm;       /* 页面左右留白 */
  --radius:       4px;
  --radius-lg:    8px;
  --shadow-card:  0 4px 18px rgba(0,0,0,.06);

  --font-head:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}