/* ==========================================================================
   SGTool · 设计令牌
   --------------------------------------------------------------------------
   全站唯一的取值来源。组件只引用变量，改主题不必触碰组件代码。

   圆角规则：以方角为主，仅保留两档小圆角（2px / 4px）。
   主题规则：亮色为默认值，[data-theme="dark"] 覆盖为暗色。
   ========================================================================== */

:root {
  color-scheme: light;

  /* ---------- 品牌蓝 ---------- */
  --color-primary:        #2563eb;
  --color-primary-hover:  #1d4ed8;
  --color-primary-active: #1e40af;
  --color-primary-soft:   #eff6ff;
  --color-primary-border: #bfdbfe;

  /* ---------- 中性色 ---------- */
  --color-text:          #0f172a;
  --color-text-muted:    #475569;
  --color-text-subtle:   #94a3b8;
  --color-text-invert:   #ffffff;

  --color-bg:            #ffffff;
  --color-bg-subtle:     #f8fafc;
  --color-bg-muted:      #f1f5f9;

  --color-border:        #e2e8f0;
  --color-border-strong: #cbd5e1;

  /* ---------- 状态色 ---------- */
  --color-success:      #15803d;
  --color-success-soft: #f0fdf4;
  --color-warning:      #b45309;
  --color-warning-soft: #fffbeb;
  --color-danger:       #b91c1c;
  --color-danger-soft:  #fef2f2;

  /* ---------- 圆角（仅两档） ---------- */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* ---------- 间距（4px 基准） ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---------- 字体 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;

  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  34px;

  --leading-tight:  1.25;
  --leading-normal: 1.6;

  /* ---------- 布局 ---------- */
  --container-max: 1080px;
  --header-height: 72px;

  /* ---------- 顶栏：半透明磨砂 ---------- */
  --header-bg: rgba(255, 255, 255, .85);
  --header-blur: 12px;

  /* ---------- 其他 ---------- */
  --border-width: 1px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 2px 8px rgba(15, 23, 42, .08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, .18);
  --overlay: rgba(15, 23, 42, .45);
  --ring: 0 0 0 3px rgba(37, 99, 235, .25);

  --transition: 120ms ease;
}

/* ==========================================================================
   暗色主题
   ========================================================================== */

[data-theme="dark"] {
  color-scheme: dark;

  --color-primary:        #4c8dff;
  --color-primary-hover:  #6ba1ff;
  --color-primary-active: #8ab5ff;
  --color-primary-soft:   #14243d;
  --color-primary-border: #2b4a7d;

  --color-text:          #e6edf7;
  --color-text-muted:    #9fb0c9;
  --color-text-subtle:   #6b7f9c;
  --color-text-invert:   #0b1220;

  --color-bg:            #0b1220;
  --color-bg-subtle:     #111a2b;
  --color-bg-muted:      #1b2537;

  --color-border:        #263349;
  --color-border-strong: #35435c;

  --color-success:      #4ade80;
  --color-success-soft: #10261a;
  --color-warning:      #fbbf24;
  --color-warning-soft: #2a2110;
  --color-danger:       #f87171;
  --color-danger-soft:  #2a1518;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, .45);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);
  --overlay: rgba(0, 0, 0, .6);
  --ring: 0 0 0 3px rgba(76, 141, 255, .3);

  --header-bg: rgba(11, 18, 32, .85);
}