/* ============================================================
   FDE事务所 — 设计变量 / Design Tokens
   版本：V4.0
   依据：FDE事务所官网企业版设计与长期总纲 V4.0 §13
   ============================================================ */

:root {
  /* 色彩（V4.0 资源包 tokens.css 同源） */
  --fde-obsidian-950: #050505;
  --fde-black:        #080808;
  --fde-black-stone:  #0B0B0C;
  --fde-graphite:     #141414;
  --fde-graphite-2:   #1C1C1F;
  --fde-titanium:     #A7A6A2;
  --fde-silver-light: #E5E6E7;
  --fde-ivory:        #F3F0E9;
  --fde-paper:        #F7F5F0;
  --fde-paper-2:      #F1EDE3;
  --fde-white:        #FFFFFF;
  --fde-muted:        #8C8F92;

  /* 发丝线 */
  --fde-line-dark:    rgba(229, 230, 231, 0.28);
  --fde-line-dark-strong: rgba(229, 230, 231, 0.45);
  --fde-line-light:   rgba(20, 20, 20, 0.18);
  --fde-line-light-strong: rgba(20, 20, 20, 0.32);

  /* 字体 */
  --fde-font-sans:    "Noto Sans SC", "Source Han Sans SC",
                      "PingFang SC", "Microsoft YaHei", sans-serif;
  --fde-font-display: "Inter Tight", "Noto Sans SC",
                      "PingFang SC", sans-serif;
  --fde-font-mono:    "IBM Plex Mono", "SFMono-Regular",
                      Consolas, "Roboto Mono", monospace;

  /* 字号 */
  --fs-hero:    clamp(42px, 5.2vw, 72px);
  --fs-h1:      clamp(34px, 4.2vw, 60px);
  --fs-h2:      clamp(30px, 3.6vw, 56px);
  --fs-h3:      clamp(20px, 1.8vw, 28px);
  --fs-h4:      clamp(17px, 1.3vw, 20px);
  --fs-body:    16px;
  --fs-body-lg: 18px;
  --fs-nav:     15px;
  --fs-meta:    13px;
  --fs-eyebrow: 12px;
  --fs-mono:    12px;

  /* 行高 */
  --lh-tight:  1.06;
  --lh-snug:   1.18;
  --lh-normal: 1.55;
  --lh-loose:  1.75;

  /* 字重 */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* 间距 */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 120px;
  --space-14: 160px;
  --space-15: 200px;

  /* 布局 */
  --fde-content-max: 1440px;
  --fde-reading-max: 760px;
  --fde-gutter:      clamp(20px, 5vw, 96px);
  --fde-section-space: clamp(96px, 11vw, 180px);

  /* 形状 */
  --radius-1: 1px;
  --radius-2: 2px;
  --hairline: 1px;

  /* 动效 */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    180ms;
  --dur-base:    360ms;
  --dur-slow:    600ms;
  --fde-focus:   0 0 0 3px rgba(250, 250, 248, 0.32);

  /* z-index */
  --z-base:   1;
  --z-header: 50;
  --z-menu:   80;
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}