/* acumensync — 设计变量。站点与 VI 页共用，是全部数值的唯一来源。
   结构：中性色（浅色 / 深色）→ 品牌色（方向 A「尖顶」定稿，浅色与深色两组）。 */

/* ---------- 中性色：浅色 ---------- */
:root {
  color-scheme: light;
  --c-text: #1d1d1f;
  --c-text-2: #6e6e73;
  --c-text-3: #86868b;
  --c-bg: #ffffff;
  --c-surface: #f5f5f7;      /* 模块底色 */
  --c-surface-2: #e8e8ed;
  --c-card: #ffffff;         /* 浅灰区块里的卡片 */
  --c-line: #d2d2d7;
  --c-dark: #000000;         /* 深色区块 */
  --c-dark-tile: #1d1d1f;
  --c-on-dark: #f5f5f7;
  --c-on-dark-2: #a1a1a6;
  --c-nav: rgba(255, 255, 255, 0.76);
  --c-hairline: rgba(0, 0, 0, 0.08);
  --c-hover: rgba(0, 0, 0, 0.06);

  /* 毛玻璃 */
  --glass-bg: rgba(255, 255, 255, 0.54);
  --glass-line: rgba(255, 255, 255, 0.82);
  --glass-shadow: rgba(0, 0, 0, 0.14);
  --glass-ink: 29, 29, 31;

  /* 插图里的设备与界面 */
  --a-w: #ffffff;
  --a-g1: #e8e8ed;
  --a-g2: #f5f5f7;
  --a-g3: #d2d2d7;
  --a-ink: #1d1d1f;
  --a-outline: transparent;

  /* 字体：只用自托管的开源字体（@font-face 见 fonts.css，由 tools/build-fonts.py 生成）。
     兜底只写通用关键字，不点名任何商业字体 */
  --font-sans: "Inter", "Noto Sans SC", system-ui, sans-serif;
  --font-latin: "Manrope", "Inter", system-ui, sans-serif; /* 仅用于英文标准字 acumensync */

  /* 版式 */
  --maxw: 1200px;
  --gutter: clamp(20px, 4vw, 44px);
  --nav-h: 52px;
  --r-tile: 28px;
  --r-stage: 36px;
}

/* ---------- 中性色：深色（夜间护眼）。不用纯黑底和纯白字，降低对比刺激 ---------- */
[data-theme="dark"] {
  color-scheme: dark;
  --c-text: #ececef;
  --c-text-2: #a1a1a8;
  --c-text-3: #7d7d85;
  --c-bg: #0c0c0e;
  --c-surface: #18181b;
  --c-surface-2: #26262a;
  --c-card: #222226;
  --c-line: #38383d;
  --c-dark: #000000;
  --c-dark-tile: #000000;
  --c-on-dark: #ececef;
  --c-on-dark-2: #a1a1a8;
  --c-nav: rgba(16, 16, 18, 0.72);
  --c-hairline: rgba(255, 255, 255, 0.1);
  --c-hover: rgba(255, 255, 255, 0.1);

  --glass-bg: rgba(54, 54, 60, 0.5);
  --glass-line: rgba(255, 255, 255, 0.16);
  --glass-shadow: rgba(0, 0, 0, 0.5);
  --glass-ink: 236, 236, 239;

  --a-w: #2b2b2f;
  --a-g1: #47474d;
  --a-g2: #37373c;
  --a-g3: #56565d;
  --a-ink: #ececef;
  --a-outline: rgba(255, 255, 255, 0.08);
}

/* ---------- 品牌色：方向 A 尖顶（已定稿） ---------- */
:root {
  --c-brand: #0b6b5e;        /* 睿青：按钮 */
  --c-brand-hover: #07463e;
  --c-on-brand: #ffffff;
  --c-brand-text: #0b6b5e;   /* 用作文字色时 */
  --c-brand-tint: #e3f0ec;
  --c-accent: #e5482d;       /* 合朱：仅小面积 */
  --c-cta: #0b6b5e;          /* 联系区大色块 */
  --mk-1: #0b6b5e;           /* 图形标志主形 */
  --mk-2: #e5482d;           /* 图形标志点缀 */
  --a-brand: #0b6b5e;
  --a-on-brand: #ffffff;
  --g-1: #0b6b5e;            /* 标题渐变 */
  --g-2: #1aa890;
  --glow-1: #7fdcc8;         /* 首屏光晕 */
  --glow-2: #b9defc;
  --glow-3: #ffc7b6;
}
[data-theme="dark"] {
  --c-brand: #12806f;
  --c-brand-hover: #17957f;
  --c-on-brand: #ffffff;
  --c-brand-text: #4fc3ad;
  --c-brand-tint: #12322d;
  --c-accent: #ff6a4d;
  --c-cta: #0f5c50;
  --mk-1: #3fb8a2;
  --mk-2: #ff6a4d;
  --a-brand: #14897a;
  --a-on-brand: #ffffff;
  --g-1: #4fc3ad;
  --g-2: #a6ecdd;
  --glow-1: #0e8a76;
  --glow-2: #1d5a9e;
  --glow-3: #a8452f;
}

/* ---------- 图形标志的着色 ----------
   <use> 引用的图形只能通过可继承的自定义属性换色 */
.mk1 { fill: var(--mk-1); }
.mk2 { fill: var(--mk-2); }
.mk1s { fill: none; stroke: var(--mk-1); }
.mk2s { fill: none; stroke: var(--mk-2); }
.on-dark { --mk-1: #ffffff; }
.is-mono { --mk-1: #1d1d1f; --mk-2: #1d1d1f; }
.on-dark.is-mono { --mk-1: #ffffff; --mk-2: #ffffff; }