/**
 * TONGYI Design Tokens — single source of truth.
 * Loaded after shared foundations; aliases provide one semantic palette for
 * page components without changing their layout ownership.
 * P1 of the "精密工业" UI upgrade: unify the fragmented palette.
 *
 * @package Tongyi_Automation
 */

:root {
  /* ===== 品牌红（唯一强调色） ===== */
  --c-brand: #e11d2e;
  --c-brand-dark: #b80f1e;
  --c-brand-soft: #fdecee;
  --c-brand-tint: #f8d7da;

  /* ===== 油墨深蓝黑 ===== */
  --c-ink: #0e1726;
  --c-ink-2: #1a2636;

  /* ===== 中性灰阶 ===== */
  --c-text: #344054;
  --c-muted: #667085;
  --c-faint: #98a2b3;

  /* ===== 线条与面 ===== */
  --c-line: #e4e7ec;
  --c-line-strong: #d0d5dd;
  --c-surface: #ffffff;
  --c-canvas: #f5f7fa;
  --c-canvas-2: #eef1f5;

  /* ===== 字体 ===== */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular",
               "JetBrains Mono", Consolas, monospace;
  --font-family-base: var(--font-sans);

  /* ===== 布局与响应式令牌 ===== */
  --container-page: 1720px;
  --container-content: 1280px;
  --container-narrow: 860px;
  --container-wide: var(--container-page);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 80px;
  --space-8: 112px;
  --bp-mobile: 768px;
  --bp-desktop: 1025px;
  --bp-wide: 1440px;

  /* ===== 圆角 ===== */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;

  /* ===== 阴影 ===== */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);
  --shadow-brand: 0 8px 24px rgba(225, 29, 46, .22);

  /* ===== :root 作用域别名（后加载，天然覆盖同作用域原值） ===== */
  --red: var(--c-brand);
  --red-dark: var(--c-brand-dark);
  --ink: var(--c-ink);
  --text: var(--c-text);
  --color-primary: var(--c-brand);
  --color-primary-dark: var(--c-brand-dark);
  --color-heading: var(--c-ink);
  --color-text: var(--c-text);
  --color-muted: var(--c-muted);
  --color-border: var(--c-line);
  --color-background: var(--c-canvas);
  --error-red: var(--c-brand);
  --error-ink: var(--c-ink);
  --error-muted: var(--c-muted);
  --error-line: var(--c-line);
}

/*
 * 类/选择器作用域别名：统一红/深/灰/边框到品牌 token。
 */
.home-page,
.solution-detail,
.case-detail-v3,
.support-page,
.pd-reference,
.case-hub,
.case-archive-v2,
.insights-hub,
.tax-insight_category .insights-hub,
.knowledge-hub,
.page-template-page-industries,
.industry-detail,
.downloads-page,
.about-redesign,
.page-template-page-about,
.contact-reference,
.certifications-page,
.page-template-page-cookie-php,
.page-template-page-cookie,
.page-template-page-downloads,
.product-selector-page,
.product-center,
.products-page,
body.tax-product_category {
  --home-primary: var(--c-brand);
  --home-primary-dark: var(--c-brand-dark);
  --solution-primary: var(--c-brand);
  --solution-primary-dark: var(--c-brand-dark);
  --cd-red: var(--c-brand);
  --cd-red-dark: var(--c-brand-dark);
  --ss-red: var(--c-brand);
  --pd-red: var(--c-brand);
  --case-red: var(--c-brand);
  --hub-red: var(--c-brand);
  --kh-red: var(--c-brand);
  --ind-red: var(--c-brand);
  --res-red: var(--c-brand);
  --about-red: var(--c-brand);
  --about-ref-red: var(--c-brand);
  --contact-red: var(--c-brand);
  --cookie-accent: var(--c-brand);
  --cookie-accent-dark: var(--c-brand-dark);
  --cert-red: var(--c-brand);
  --reference-red: var(--c-brand);
  --selector-red: var(--c-brand);
  --pc-red: var(--c-brand);
  --products-red: var(--c-brand);
  --impact-red: var(--c-brand);
  --tongyi-banner-accent: var(--c-brand);

  --home-heading: var(--c-ink);
  --pd-ink: var(--c-ink);
  --ss-ink: var(--c-ink);
  --ind-navy: var(--c-ink);
  --ind-ink: var(--c-ink);
  --case-dark: var(--c-ink);
  --case-ink: var(--c-ink);
  --hub-ink: var(--c-ink);
  --kh-ink: var(--c-ink);
  --res-dark: var(--c-ink);
  --about-ink: var(--c-ink);
  --about-ref-ink: var(--c-ink);
  --reference-ink: var(--c-ink);
  --selector-ink: var(--c-ink);
  --pc-ink: var(--c-ink);
  --cert-ink: var(--c-ink);

  --home-text: var(--c-text);
  --home-muted: var(--c-muted);
  --pd-text: var(--c-text);
  --ss-muted: var(--c-muted);
  --ind-muted: var(--c-muted);
  --case-muted: var(--c-muted);
  --hub-muted: var(--c-muted);
  --kh-muted: var(--c-muted);
  --res-text: var(--c-text);
  --about-muted: var(--c-muted);
  --about-ref-text: var(--c-text);
  --about-ref-muted: var(--c-muted);
  --reference-muted: var(--c-muted);
  --cert-muted: var(--c-muted);

  --home-border: var(--c-line);
  --home-background: var(--c-canvas);
  --pd-line: var(--c-line);
  --pd-soft: var(--c-canvas);
  --ss-line: var(--c-line);
  --ss-soft: var(--c-canvas);
  --ind-line: var(--c-line);
  --ind-pale: var(--c-canvas);
  --ind-soft: var(--c-canvas);
  --case-line: var(--c-line);
  --case-soft: var(--c-canvas);
  --hub-line: var(--c-line);
  --kh-line: var(--c-line);
  --kh-soft: var(--c-canvas);
  --res-line: var(--c-line);
  --res-soft: var(--c-canvas);
  --about-line: var(--c-line);
  --about-ref-line: var(--c-line);
  --reference-line: var(--c-line);
  --cert-line: var(--c-line);
}
