/* ==========================================================================
   GOSS 样式库 — 品牌色 & 产品线主题
   维护说明：色值以 shared/data/brand-colors.json 为准；改色后运行 python tools/generate_site.py 生成本文件
   勿直接编辑本文件（含 industrial 等），否则下次生成会被覆盖
   ========================================================================== */

:root {
  /* —— 品牌基础色（勿删变量名）—— */
  --color-black: #000000;
  --color-red: #E72419;
  --color-blue: #009FDA;
  --color-brown: #EC9414;
  --color-green: #009847;
  --color-yellow: #FFD900;
  --color-white: #F8F8F8;
  --color-industrial: #6D28D9;

  /* —— 产品线主题色（引用品牌色）—— */
  --theme-air-acetylene: var(--color-red);
  --theme-air-acetylene-secondary: var(--color-green);
  --theme-hvac: var(--color-brown);
  --theme-hvac-secondary: var(--color-blue);
  --theme-air-propane: var(--color-blue);
  --theme-air-propane-secondary: var(--color-red);
  --theme-oxy-fuel: var(--color-green);
  --theme-oxy-fuel-secondary: var(--color-red);
  --theme-nitrogen: var(--color-yellow);
  --theme-nitrogen-secondary: var(--color-black);
  --theme-industrial-welding-cutting: var(--color-industrial);
  --theme-industrial-welding-cutting-secondary: var(--color-red);

  /* —— 整站默认 Style E · Minimal —— */
  --bg: #F8F8F8;
  --bg-alt: #f7f3ed;
  --surface: #F8F8F8;
  --text: #000000;
  --muted: #633e08;
  --accent: #000000;
  --accent-2: #EC9414;
  --radius: 0px;
  /* —— 字体：Barlow Condensed ≈ 标题；Barlow Italic ≈ 副标 —— */
  --font-display: "Barlow Condensed", sans-serif;
  --font-tagline: "Barlow", sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --hero-overlay: linear-gradient(180deg, rgba(236,148,20,0.12), rgba(0,0,0,0.62));
  --header-bg: linear-gradient(180deg, #1c1c1c 0%, #000000 100%);
  --header-color: #EEEEEE;
  --header-link-hover: #C07C20;
  --header-line-color: color-mix(in srgb, var(--color-brown) 85%, transparent);
  --header-border: rgba(255,255,255,0.1);
  --footer-bg: #000000;
  --footer-text: #F8F8F8;
  --footer-muted: rgba(255,255,255,0.72);
  --footer-link-hover: var(--color-blue);
  --footer-strip-accent: var(--color-brown);
  --brand-bar: linear-gradient(90deg, var(--color-green) 0%, var(--color-green) 25%, var(--color-red) 25%, var(--color-red) 50%, var(--color-blue) 50%, var(--color-blue) 75%, var(--color-yellow) 75%, var(--color-yellow) 100%);
  --btn-on-accent: #ffffff;
}

/* —— 产品线页面：覆盖强调色（结构仍用 Style E）—— */
body[data-product-line="air-acetylene"] {
  --accent: var(--color-red);
  --accent-2: var(--color-green);
  --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.72), rgba(231,36,25,0.45));
  --btn-on-accent: #F8F8F8;
  --header-link-hover: var(--color-red);
  --header-line-color: var(--color-red);
  --footer-strip-accent: var(--accent);
}
body[data-product-line="hvac"] {
  --accent: var(--color-brown);
  --accent-2: var(--color-blue);
  --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.72), rgba(236,148,20,0.45));
  --btn-on-accent: #F8F8F8;
  --header-link-hover: var(--color-brown);
  --header-line-color: var(--color-brown);
  --footer-strip-accent: var(--accent);
}
body[data-product-line="air-propane"] {
  --accent: var(--color-blue);
  --accent-2: var(--color-red);
  --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.72), rgba(0,159,218,0.45));
  --btn-on-accent: #F8F8F8;
  --header-link-hover: var(--color-blue);
  --header-line-color: var(--color-blue);
  --footer-strip-accent: var(--accent);
}
body[data-product-line="oxy-fuel"] {
  --accent: var(--color-green);
  --accent-2: var(--color-red);
  --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.72), rgba(0,152,71,0.45));
  --btn-on-accent: #F8F8F8;
  --header-link-hover: var(--color-green);
  --header-line-color: var(--color-green);
  --footer-strip-accent: var(--accent);
}
body[data-product-line="nitrogen"] {
  --accent: var(--color-yellow);
  --accent-2: var(--color-black);
  --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.72), rgba(255,217,0,0.45));
  --btn-on-accent: #000000;
  --header-link-hover: var(--color-yellow);
  --header-line-color: var(--color-yellow);
  --footer-strip-accent: var(--accent);
}
body[data-product-line="industrial-welding-cutting"] {
  --accent: var(--color-industrial);
  --accent-2: var(--color-red);
  --hero-overlay: linear-gradient(135deg, rgba(0,0,0,0.72), rgba(109,40,217,0.45));
  --btn-on-accent: #F8F8F8;
  --header-link-hover: var(--color-industrial);
  --header-line-color: var(--color-industrial);
  --footer-strip-accent: var(--accent);
}

body[data-product-line="nitrogen"] .pill,
body[data-product-line="nitrogen"] .btn { color: var(--color-black); }