/* ====================================================================
   经典企业模板 · 令牌层
   --------------------------------------------------------------------
   定位：通用型 B2B 企业官网
   观感：浅色系底 + 橙色强调，圆角柔和，全站单一容器宽度

   本文件只声明 CSS 变量，不写任何组件样式。
   所有组件外观由 public/static/css/front.css 里的 Tailwind 工具类承担，
   加载顺序为 front.css → 本文件，因此这里同名变量会覆盖默认值。

   改版只需改这里的取值，视图无需改动。
   ==================================================================== */

:root {
  /* ---------- 品牌色：橙 ---------- */
  --color-primary: #f04a1a;
  --color-primary-dark: #d03d12;
  --color-primary-soft: #fdece6;

  /* ---------- 中性色：浅色系 ---------- */
  --color-ink: #1a1a2e;         /* 主文字 */
  --color-ink-soft: #64748b;    /* 次要文字 */
  --color-ink-mute: #6b7783;   /* 弱化文字：白底对比 ≥4.5:1（WCAG AA，2026-09-23 由 #94a3b8 加深） */

/* 大号下拉（mega menu）：尺寸与滚动收敛到这里，模板不再写内联 style（2026-09-23） */
.nav-dropdown[data-nav-mega] { min-width: 26rem; max-width: calc(100vw - 2rem); max-height: 70vh; overflow-y: auto; }    /* 弱化文字 */
  --color-surface: #ffffff;     /* 卡片 / 主底 */
  --color-surface-alt: #f8fafc; /* 交替区块底 */
  --color-line: #e2e8f0;        /* 描边 / 分隔线 */
  --color-footer: #101a2c;      /* 页脚底（仅品牌信息区使用） */
  --color-footer-ink: #ffffff;

  /* ---------- 观感：圆润 + 轻阴影 ---------- */
  --radius-card: 12px;
  --radius-card-lg: 16px;
  --radius-chip: 999px;

  --shadow-card: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-card-hover: 0 14px 40px rgba(15, 23, 42, .1);
  --shadow-header: 0 2px 16px rgba(15, 23, 42, .07);
}