/* ==========================================================================
   设计令牌 · AGENG 官网
   单一事实源。切换主题只需改本文件。
   规则：琥珀 = 数据；电蓝 = 操作。除此之外不出现第三种彩色。
   ========================================================================== */

:root {

  /* ---------- 颜色 ---------- */
  --bg:            #0C0F12;              /* 炭蓝黑 · 主背景 */
  --bg-raised:     #14181D;              /* 面板灰 · 卡片/导航 */
  --bg-inset:      #090B0E;              /* 凹陷区 · 输入框/代码块 */
  --bg-hover:      #1A1F25;

  --text:          #E8ECEF;              /* 冷白 · 主文本 */
  --text-2:        #9AA4AE;              /* 次级文本 */
  --text-3:        #6A747E;              /* 提示文本 */

  --accent:        #3D7BFF;              /* 电蓝 · 唯一强调色（可操作） */
  --accent-ink:    #FFFFFF;
  --accent-soft:   rgba(61, 123, 255, .12);
  --accent-line:   rgba(61, 123, 255, .45);

  --data:          #F0B429;              /* 琥珀 · 语义色：只用于真实数据 */
  --data-soft:     rgba(240, 180, 41, .12);

  --ok:            #35C08A;
  --danger:        #E5484D;

  --line:          rgba(255, 255, 255, .08);   /* 图纸线 */
  --line-2:        rgba(255, 255, 255, .16);
  --line-3:        rgba(255, 255, 255, .28);

  /* ---------- 字体 ---------- */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
               "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono",
               Consolas, "Liberation Mono", monospace;

  /* ---------- 字阶 ---------- */
  --fs-display: clamp(34px, 5.2vw, 60px);
  --fs-h2:      clamp(24px, 3vw, 34px);
  --fs-h3:      18px;
  --fs-body:    15px;
  --fs-sm:      13px;
  --fs-xs:      12px;

  /* ---------- 形状 ---------- */
  --radius:      4px;      /* 刻意偏小：工程图纸，不是消费级圆润 */
  --radius-lg:   6px;

  /* ---------- 版式节奏 ---------- */
  --maxw:        1200px;
  --gutter:      clamp(20px, 5vw, 48px);
  --section-y:   clamp(72px, 10vw, 128px);

  /* ---------- 动效 ---------- */
  --ease:        cubic-bezier(.22, .61, .36, 1);
  --dur:         260ms;
}

/* 减弱动效：全局关闭位移与过渡 */
@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.01ms; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
