/* ============================================================
   DARTA 官网 · 设计 Token
   唯一色彩/排版/间距真相源。改这里，全站生效。
   规范依据：达尔塔公司logo/DARTA-logo-使用说明书.md §4（双层色彩体系）
   ============================================================ */

/* Inter：仅拉丁子集（英文与数字），中文由 Noto Sans SC 承接 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ---- 公司层 · DARTA（主视觉，全站默认） ---- */
  /* 科技灰是标志用色，不用于正文；正文/小字用下方 muted / label，保证对比度 */
  --color-tech-gray: #66727D;   /* 仅标志与图形，对比度 4.7:1 */
  --color-graphite:  #3E4852;   /* 正文次级 8.9:1 */
  --color-deep-navy: #26313A;
  --color-white:     #FFFFFF;
  --color-page:      #F8FAFB;
  --color-surface:   #FFFFFF;
  --color-ink:       #17212B;
  --color-muted:     #525D68;   /* 说明性文字 6.4:1（原 #66727D 4.7:1 偏虚） */
  --color-label:     #4A555F;   /* 小字/eyebrow/标签 7.3:1 */
  --color-line:      #D2DAE0;
  --color-line-soft: #E4EAEE;

  /* ---- 产品层 · 智隅（仅限产品内容语境使用） ---- */
  --color-paper:        #FAF7F2;
  --color-product-navy: #1B2A4A;
  --color-product-gold: #C9A86A;
  --color-product-red:  #E63946;

  /* ---- 字体 ---- */
  --font-sans: 'Inter', 'Noto Sans SC', 'Source Han Sans SC', 'PingFang SC', system-ui, sans-serif;
  --font-serif: 'Source Han Serif SC', 'Noto Serif SC', serif;

  --text-display: clamp(40px, 4.6vw, 68px);
  --text-h1:      clamp(32px, 3.6vw, 52px);
  --text-h2:      clamp(26px, 2.6vw, 38px);
  --text-h3:      20px;
  --text-body:    17px;
  --text-small:   14px;
  --text-micro:   12px;

  --leading-tight: 1.28;
  --leading-body:  1.85;

  /* ---- 尺度 ---- */
  --container: 1160px;
  --pad-x: 32px;
  --nav-h: 72px;
  --section-y: clamp(72px, 8vw, 120px);
  --measure: 34em;              /* 中文正文阅读宽度上限 */

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-soft: 0 16px 48px rgba(38, 49, 58, .10);
  --shadow-card: 0 1px 2px rgba(38, 49, 58, .04);

  --ease: cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 768px) {
  :root { --pad-x: 20px; --nav-h: 60px; }
}