/* ==========================================================================
   buhui996 Design Tokens
   所有颜色、字号、间距、圆角、阴影、动效都从这里取，页面里不要写死数值。
   ========================================================================== */
:root {
  /* ---- Brand：黑白 ---- */
  --brand-50:  #F5F5F5;
  --brand-100: #EBEBEB;
  --brand-200: #D6D6D6;
  --brand-300: #ADADAD;
  --brand-400: #7A7A7A;
  --brand-500: #3D3D3D;
  --brand-600: #111111; /* 主色：按钮、链接、选中态 */
  --brand-700: #333333; /* 主按钮 hover、选中文字 */
  --brand-800: #1A1A1A;
  --brand-900: #0A0A0A;

  /* ---- Neutral：中性灰（不带冷暖色偏） ---- */
  --gray-0:   #FFFFFF;
  --gray-25:  #FBFBFB;
  --gray-50:  #F8F8F8;
  --gray-100: #F4F4F4;
  --gray-200: #E8E8E8;
  --gray-300: #D4D4D4;
  --gray-400: #ABABAB;
  --gray-500: #8A8A8A;
  --gray-600: #5C5C5C;
  --gray-700: #424242;
  --gray-800: #2B2B2B;
  --gray-900: #171717;

  /* ---- Dark：代码块 ---- */
  --navy-950: #0A0A0A;
  --navy-900: #141414;
  --navy-800: #1F1F1F;
  --navy-700: #2B2B2B;
  --navy-600: #3A3A3A;

  /* ---- 图表分类色：灰阶（只用于图表系列 / 图标底色） ---- */
  --teal-50:   #F4F4F4;
  --teal-500:  #ABABAB;
  --teal-600:  #5C5C5C;
  --violet-50:  #F4F4F4;
  --violet-500: #5C5C5C;
  --violet-600: #424242;
  --amber-50:  #F4F4F4;
  --amber-500: #8A8A8A;
  --amber-600: #424242;

  /* ---- Semantic ---- */
  --success-50:  #E8F7F0;
  --success-500: #12A06A;
  --success-600: #0C8456;
  --warning-50:  #FFF6E5;
  --warning-500: #E08A00;
  --warning-600: #A86400;
  --danger-50:   #FDEDED;
  --danger-500:  #E5484D;
  --danger-600:  #C7353A;
  --info-50:     #F2F2F2;
  --info-500:    #5C5C5C;
  --info-600:    #424242;

  /* ---- Surface / Text ---- */
  --bg:            var(--gray-50);
  --surface:       var(--gray-0);
  --surface-muted: var(--gray-25);
  --surface-sunken:var(--gray-100);
  --border:        var(--gray-200);
  --border-strong: var(--gray-300);
  --text:          var(--gray-900);
  --text-2:        var(--gray-600);
  --text-3:        var(--gray-500);
  --text-4:        var(--gray-400);
  --text-inverse:  #FFFFFF;

  /* ---- Typography：只用系统字体，不加载任何 Web 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
               "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Source Han Sans SC",
               "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas,
               "Liberation Mono", monospace;

  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-base:14px;   /* 控制台/后台正文 */
  --fs-md:  15px;
  --fs-lg:  16px;   /* 官网正文 */
  --fs-xl:  18px;
  --fs-2xl: 20px;
  --fs-3xl: 24px;
  --fs-4xl: 30px;
  --fs-5xl: 38px;
  --fs-6xl: 52px;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  --lh-tight: 1.25;
  --lh-snug:  1.45;
  --lh:       1.6;

  /* ---- Spacing：4px 基准 ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;
  --s-20: 80px; --s-24: 96px;

  /* ---- Radius ---- */
  --r-xs: 2px;
  --r-sm: 2px;
  --r:    4px;
  --r-md: 4px;
  --r-lg: 4px;
  --r-xl: 6px;
  --r-full: 999px;

  /* ---- Shadow：仅用于浮层 ---- */
  --shadow-xs: none;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);
  --shadow-brand: none;
  --ring: 0 0 0 3px rgba(17, 17, 17, .12);
  --ring-danger: 0 0 0 3px rgba(229, 72, 77, .2);

  /* ---- Motion：只动 transform / opacity ---- */
  --ease-out:    cubic-bezier(.22, .61, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 120ms;  /* hover / 按压 */
  --dur:      200ms;  /* 下拉、tab、开关 */
  --dur-slow: 320ms;  /* 弹窗、抽屉、滚动出现 */

  /* ---- Layout ---- */
  --container:   1200px;
  --sidebar-w:   240px;
  --topbar-h:    60px;
  --z-header:    50;
  --z-sidebar:   60;
  --z-overlay:   90;
  --z-toast:     100;
}