/* Hallmark · component: design-system · genre: atmospheric · theme: terminal-luxe
 * 深色终端风：单一青绿强调色、中性灰阶、等宽短链、4pt 间距。
 * 所有颜色与字体只通过本文件令牌引用，页面里不写裸值。
 */

:root {
  /* ── 颜色 ─────────────────────────────────────────────────────────── */
  --paper:        oklch(13% 0.008 250);
  --paper-2:      oklch(15.5% 0.009 250);
  --panel:        oklch(17.5% 0.011 250);
  --panel-2:      oklch(20% 0.012 250);
  --line:         oklch(28% 0.012 250);
  --line-soft:    oklch(23% 0.010 250);
  --ink:          oklch(94% 0.004 250);
  --ink-soft:     oklch(84% 0.006 250);
  --muted:        oklch(68% 0.012 250);
  --muted-2:      oklch(55% 0.012 250);
  --accent:       oklch(82% 0.16 165);
  --accent-ink:   oklch(18% 0.03 165);
  --accent-soft:  oklch(82% 0.16 165 / 0.10);
  --accent-line:  oklch(82% 0.16 165 / 0.35);
  --danger:       oklch(66% 0.20 25);
  --danger-ink:   oklch(16% 0.03 25);
  --danger-soft:  oklch(66% 0.20 25 / 0.10);
  --warn:         oklch(80% 0.14 80);
  --warn-soft:    oklch(80% 0.14 80 / 0.10);
  --focus:        oklch(82% 0.16 165);

  /* ── 字体 ─────────────────────────────────────────────────────────── */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Code", Consolas,
               "Liberation Mono", "Noto Sans Mono CJK SC", ui-monospace, monospace;

  /* ── 字号 ─────────────────────────────────────────────────────────── */
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  44px;

  /* ── 间距（4pt） ──────────────────────────────────────────────────── */
  --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;

  /* ── 圆角与阴影 ───────────────────────────────────────────────────── */
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-full: 999px;
  --shadow-1: 0 1px 0 oklch(100% 0 0 / 0.03) inset, 0 8px 24px oklch(0% 0 0 / 0.25);
  --shadow-2: 0 16px 48px oklch(0% 0 0 / 0.35);

  /* ── 动效 ─────────────────────────────────────────────────────────── */
  --dur-fast: 140ms;
  --dur: 200ms;
  --dur-slow: 320ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── 布局 ─────────────────────────────────────────────────────────── */
  --container: 1120px;
  --topbar-h: 64px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}