/* ============================================================
   设计令牌（定稿 v1）
   商务跨境风格：深墨蓝主色 + 琥珀金强调；圆角收紧、阴影降级。
   所有颜色/间距/字号只允许在这里定义一次，组件里禁止硬编码。
   ============================================================ */
:root{
  /* ---- 品牌主色：深墨蓝 ---- */
  --c-primary:        #0E3A5D;
  --c-primary-700:    #0A2C47;
  --c-primary-500:    #17517F;
  --c-primary-300:    #7FA0BE;
  --c-primary-100:    #E7EFF6;
  --c-primary-50:     #F2F7FB;

  /* ---- 强调色：沉金（低饱和，避免在深底上显得刺眼的黄） ---- */
  --c-accent:         #A67F3C;
  --c-accent-700:     #8A6A2A;   /* 金色按钮底色：配白字对比度 5.0:1 */
  --c-accent-600:     #8F6E30;
  --c-accent-100:     #F5EFE2;
  --c-accent-300:     #C6A96B;   /* 深底上的高亮版 */

  /* ---- 中性 ---- */
  --c-ink:            #0F1B26;
  --c-ink-2:          #2C3A47;
  --c-body:           #4A5763;
  --c-muted:          #78838F;
  --c-line:           #E2E7EC;
  --c-line-2:         #CBD3DA;

  /* ---- 底色 ---- */
  --c-bg:             #FFFFFF;
  --c-soft:           #F5F7F9;
  --c-tint:           #EDF2F7;

  /* ---- 深色区块 ---- */
  --c-dark:           #0B2237;
  --c-dark-2:        #081B2C;
  --c-on-dark:        #FFFFFF;
  --c-on-dark-2:      #A9BDD1;
  --c-on-dark-line:   #1C3A55;

  /* ---- 状态 ---- */
  --c-success:        #1F8A4C;   --c-success-100: #E8F5EE;
  --c-warning:        #C77B0A;   --c-warning-100: #FDF3E2;
  --c-danger:         #B3261E;   --c-danger-100:  #FBEBEA;
  --c-info:           #17517F;   --c-info-100:    #E7EFF6;

  /* ---- 字体 ---- */
  --font-sans: "Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",
               system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-num:  "Inter",ui-monospace,"SF Mono",Menlo,monospace;

  /* ---- 字号（正文只允许 15 / 16 / 18 三级） ---- */
  --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px;
  --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-20:20px;
  --fs-24:24px; --fs-28:28px; --fs-34:34px; --fs-42:42px; --fs-52:52px;

  /* ---- 行高 / 字距 / 字重 ---- */
  --lh-tight:1.2; --lh-snug:1.45; --lh-base:1.7; --lh-loose:1.85;
  --ls-tight:-0.02em; --ls-normal:0; --ls-wide:0.08em;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;

  /* ---- 间距（4 的倍数） ---- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:40px; --sp-8:56px; --sp-9:72px; --sp-10:96px; --sp-11:128px;

  /* ---- 区块节奏 ---- */
  --section-y:        clamp(56px, 7vw, 104px);
  --section-head-gap: 16px;

  /* ---- 容器 ---- */
  --w-container:1200px;
  --w-wide:1360px;
  --w-narrow:760px;
  --gutter:var(--sp-5);

  /* ---- 圆角（商务感：收紧到 8 以内） ---- */
  --r-xs:2px; --r-sm:4px; --r-md:8px; --r-lg:12px; --r-pill:999px;

  /* ---- 阴影（只给吸顶 / 抽屉 / 弹窗 / 灯箱） ---- */
  --sh-xs:0 1px 2px rgba(14,58,93,.05);
  --sh-sm:0 2px 8px rgba(14,58,93,.07);
  --sh-md:0 8px 24px rgba(14,58,93,.10);
  --sh-lg:0 18px 48px rgba(14,58,93,.14);

  /* ---- 层级 ---- */
  --z-sticky:800; --z-drawer:1000; --z-modal:1100; --z-toast:1200;

  /* ---- 动效 ---- */
  --ease:cubic-bezier(.2,.7,.3,1);
  --dur:160ms;
  --dur-slow:220ms;

  /* ---- 表单控件高度 ---- */
  --ctl-h:44px;
  --ctl-h-lg:52px;
}

@media (max-width:767px){
  :root{ --gutter:var(--sp-4); }
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur:0ms; --dur-slow:0ms; }
}