/* 设计令牌：全站颜色、字体、字号、间距、圆角、阴影、动效时长的唯一来源。
   其他样式表只引用这里的变量。shared-site-header.css 例外：它同时被知识库站点直接复用，
   必须自带变量。--rw-* 是当前品牌色板；--brand-* / --v2-* / --pd-* 是旧版本令牌，
   仍被现有组件引用，迁移完成后逐步并入 --rw-*。 */

:root {
  /* 品牌蓝青谱（从标识提取） */
  --rw-blue-900: #001233;   /* 最深海蓝：深色区底色 */
  --rw-navy:     #06152D;   /* 标识深色底板色 */
  --rw-blue-700: #0028E8;   /* 标识深端 */
  --rw-blue-600: #0060FF;   /* 支持深蓝 */
  --rw-blue:     #0070F8;   /* 品牌主蓝 */
  --rw-blue-text:#0062E6;   /* 小号文字用蓝：主蓝在白底仅 4.49:1、在 fog 底 4.18:1，达不到 WCAG AA；此值两者均 ≥5.0:1 */
  --rw-blue-400: #20A0F8;   /* 中蓝 */
  --rw-cyan:     #20C8F8;   /* 品牌青：数据与测点强调 */
  --rw-cyan-200: #7FE0FB;   /* 浅青：深底上的次要强调 */

  /* 中性色 */
  --rw-ink:      #0B1622;   /* 正文与标题 */
  --rw-body:     #3C4A58;   /* 次要正文 */
  --rw-muted:    #5C6B7A;   /* 弱化文字（浅底 ≥4.5:1） */
  --rw-line:     #D7DEE6;   /* 分隔线 */
  --rw-fog:      #F4F7FA;   /* 页面底 */
  --rw-paper:    #FFFFFF;   /* 内容面 */
  --rw-slate:    #64748B;   /* 中性标尺色 */

  /* 深色区专用 */
  --rw-on-dark:        #FFFFFF;
  --rw-on-dark-muted:  #A8BCCF;
  --rw-on-dark-line:   rgba(255,255,255,.14);

  /* 品牌渐变：与标识一致 */
  --rw-gradient: linear-gradient(115deg, var(--rw-cyan) 0%, var(--rw-blue) 46%, var(--rw-blue-700) 100%);
  --rw-gradient-soft: linear-gradient(115deg, rgba(32,200,248,.16) 0%, rgba(0,112,248,.14) 50%, rgba(0,40,232,.12) 100%);

  /* 状态色（监测演示用，需与浅底对比 ≥4.5:1） */
  --rw-ok:      #0F6B3F;
  --rw-ok-bg:   #E2F5EA;
  --rw-watch:   #8A5200;
  --rw-watch-bg:#FFF3DC;
  --rw-warn:    #A63A0C;
  --rw-warn-bg: #FFE9DC;
  --rw-alarm:   #9B1C1C;
  --rw-alarm-bg:#FDE3E3;

  /* 字体：中文系统字体栈；数字与拉丁用几何无衬线并等宽 */
  --rw-font: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rw-font-num: "DIN Alternate", "Bahnschrift", "Avenir Next", "Segoe UI", sans-serif;

  /* 字号 */
  --rw-h1: clamp(2.25rem, 1.1rem + 4.4vw, 4.75rem);
  --rw-h2: clamp(1.5rem, 1.15rem + 1.3vw, 2.25rem);
  --rw-h3: clamp(1.125rem, 1.05rem + .35vw, 1.375rem);
  --rw-body-size: clamp(1rem, .96rem + .2vw, 1.125rem);
  --rw-small: .9375rem;

  /* 布局 */
  --rw-gutter: clamp(1.25rem, .5rem + 3.4vw, 5rem);
  /* 首页内容轴线与全站 header / 产品页的 1280px shell 对齐；背景仍可铺满视口。 */
  --rw-shell: 1280px;
  --rw-shell-inline: 24px;
  --rw-section: clamp(4rem, 2.5rem + 6vw, 7.5rem);
  --rw-radius: 10px;
  --rw-radius-lg: 16px;
  --rw-shadow: 0 24px 60px -24px rgba(6,21,45,.45);

  /* 动效 */
  --rw-t-fast: 180ms;
  --rw-t-scene: 700ms;
  --rw-ease: cubic-bezier(.22,.61,.36,1);
}
@media (min-width: 1280px) {
  :root { --rw-shell-inline: calc((100vw - var(--rw-shell)) / 2 + 24px); }
}
@media (max-width: 767px) {
  :root { --rw-shell-inline: 20px; }
}

/* 旧版令牌（main.css 首版） */
:root {
  --brand-primary: #1E3A8A;
  --brand-primary-light: #3B82F6;
  --brand-primary-dark: #1D4ED8;
  --brand-accent: #10B981;
  --brand-dark: #0F172A;
  --brand-surface: #F8FAFC;
  --brand-gold: #D4A843;
  --brand-gradient: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 50%, #0EA5E9 100%);
  --brand-gradient-dark: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%);
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 8px 32px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);
  --radius-lg: 16px;
  --radius-xl: 24px;
  --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --header-h: 72px;
  --brand-on-dark-accent: #60A5FA;
}

/* v2 令牌（main.css 覆盖层） */
:root {
  --v2-brand: #0F62FE;
  --v2-brand-hover: #0353E9;
  --v2-ink: #0B0D17;
  --v2-ink-2: #111827;
  --v2-ink-3: #1F2937;
  --v2-text: #1F2937;
  --v2-text-muted: #6B7280;
  --v2-text-soft: #9CA3AF;
  --v2-border: #E5E7EB;
  --v2-border-strong: #D1D5DB;
  --v2-bg: #FFFFFF;
  --v2-bg-alt: #F9FAFB;
  --v2-bg-dark: #0B0D17;
  --v2-bg-dark-alt: #111827;
  --v2-accent-green: #10B981;
  --v2-accent-cyan: #06B6D4;
  --v2-accent-violet: #8B5CF6;
  --v2-radius: 12px;
  --v2-radius-sm: 8px;
  --v2-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.10);
  --v2-shadow: 0 4px 6px -1px rgba(16, 24, 40, 0.06), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  --v2-shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, 0.08), 0 4px 8px -4px rgba(16, 24, 40, 0.04);
}

/* 产品详情页令牌（product-detail.css） */
:root {
  --pd-ink: #0A0E1A;
  --pd-ink-2: #111827;
  --pd-line: rgba(255,255,255,0.08);
  --pd-line-light: #E5E7EB;
  --pd-brand: #0F62FE;
  --pd-brand-dim: rgba(15,98,254,0.12);
  --pd-text: #111827;
  --pd-text-dim: #6B7280;
  --pd-text-inv: #E5E7EB;
  --pd-text-inv-dim: #9CA3AF;
}

/* 色调对：元素以 .rw-tone-<名> 选用，组件内用 var(--g1) / var(--g2) 取色（替代行内 style="--g1:…"）。
   产品色调与 includes/rw_products.php 的 g1/g2 一致，由 scripts/test-visual-contracts.php 校验。 */
.rw-tone-cli               { --g1: #3B82F6; --g2: #1D4ED8; }
.rw-tone-workwise          { --g1: #2563EB; --g2: #1D4ED8; }
.rw-tone-tsm               { --g1: #F59E0B; --g2: #D97706; }
.rw-tone-monitoring-system { --g1: #06B6D4; --g2: #0F62FE; }
.rw-tone-os                { --g1: #10B981; --g2: #059669; }
.rw-tone-general           { --g1: #64748B; --g2: #475569; }
.rw-tone-workwise-hub      { --g1: #06b6d4; --g2: #2563eb; }
/* 关于页"六根骨架" */
.rw-tone-sky     { --g1: #60A5FA; --g2: #2563EB; }
.rw-tone-emerald { --g1: #34D399; --g2: #059669; }
.rw-tone-pink    { --g1: #F472B6; --g2: #DB2777; }
.rw-tone-amber   { --g1: #F59E0B; --g2: #D97706; }
.rw-tone-violet  { --g1: #A78BFA; --g2: #7C3AED; }
.rw-tone-cyan    { --g1: #22D3EE; --g2: #0891B2; }

/* 入场动画错峰（毫秒），替代行内 style="--d:…" / style="--delay:…" */
.rw-d-60  { --d: .06s; }
.rw-d-120 { --d: .12s; }
.rw-d-180 { --d: .18s; }
.rw-d-240 { --d: .24s; }
.rw-d-300 { --d: .3s; }
.rw-delay-0   { --delay: 0s; }
.rw-delay-80  { --delay: .08s; }
.rw-delay-120 { --delay: .12s; }
.rw-delay-160 { --delay: .16s; }
.rw-delay-240 { --delay: .24s; }
.rw-delay-320 { --delay: .32s; }
.rw-delay-360 { --delay: .36s; }
.rw-delay-400 { --delay: .4s; }