/* ==========================================================================
   tokens.css — 设计变量（颜色 / 字体 / 尺寸 / 圆角 / 阴影）
   调整整站视觉只需改这一个文件。
   ========================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --brand:            #C0592B;   /* 亚磁品牌色（取自官方 logo） */
  --brand-hover:      #A84E22;
  --brand-pressed:    #8C3F1A;
  --brand-light:      #E39A72;   /* 深底上的品牌亮色 */
  --brand-soft:       #FAEFE8;   /* 红色浅底 */

  /* ---------- 中性色 ---------- */
  --ink:              #101820;   /* 主按钮 / 深色区背景 */
  --ink-hover:        #26303B;
  --text-primary:     #111111;
  --text-secondary:   #5B6470;
  --text-tertiary:    #8A929C;
  --text-inverse:     #FFFFFF;

  /* ---------- 背景 / 表面 ---------- */
  --surface-1:        #FFFFFF;   /* 页面底色 */
  --surface-2:        #F4F4F4;   /* 浅灰区块 */
  --surface-3:        #EDEDED;   /* 卡片 hover */
  --surface-dark:     #101820;   /* 深色区块 */
  --surface-dark-2:   #1C2833;
  --surface-inverse-2:#EDEDED;

  /* ---------- 边框 ---------- */
  --border:           #E3E3E3;
  --border-strong:    #C9C9C9;
  --border-inverse:   rgba(255, 255, 255, .22);

  /* ---------- 状态色 ---------- */
  --success:          #0A7B48;
  --warning:          #B26A00;
  --danger:           #C0392B;

  /* ---------- 字体 ---------- */
  --font-sans: "Yaci Sans", "Noto Sans SC", "Noto Sans TC", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* 字号：移动端为基准，桌面端在 layout.css 中放大 */
  --fs-display: 34px;   /* 首屏大标题 */
  --fs-h1:      30px;
  --fs-h2:      24px;
  --fs-h3:      20px;
  --fs-h4:      17px;
  --fs-body:    15px;
  --fs-sm:      14px;
  --fs-xs:      12.5px;

  --lh-tight:    1.18;
  --lh-heading:  1.3;
  --lh-body:     1.68;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* 版心 */
  --container:      1344px;
  --container-narrow: 960px;
  --gutter:         20px;       /* 容器左右内边距 */

  /* ---------- 圆角 ---------- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-1: 0 1px 2px rgba(16, 24, 32, .06), 0 2px 8px rgba(16, 24, 32, .04);
  --shadow-2: 0 6px 20px rgba(16, 24, 32, .10);
  --shadow-3: 0 18px 48px rgba(16, 24, 32, .16);

  /* ---------- 层级 ---------- */
  --z-topbar:   65;
  --z-header:   60;
  --z-mega:     55;
  --z-drawer:   90;
  --z-search:   100;
  --z-totop:    30;

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

  /* ---------- 结构尺寸 ---------- */
  --topbar-h: 40px;
  --header-h: 64px;
}

@media (min-width: 1024px) {
  :root {
    --fs-display: 46px;
    --fs-h1:      40px;
    --fs-h2:      32px;
    --fs-h3:      24px;
    --fs-h4:      19px;
    --fs-body:    16px;
    --fs-sm:      15px;
    --fs-xs:      13px;

    --gutter:     48px;
    --header-h:   80px;
  }
}

@media (min-width: 1440px) {
  :root {
    --fs-display: 52px;
    --fs-h1:      44px;
  }
}