/* 拾空网络 · design tokens
 * theme: studied-DNA (source: zentry.com, url mode)
 * paper-dark oklch(16% 0.006 260) · paper-light oklch(94% 0.014 85) · accent oklch(78% 0.115 78)
 * axes: dark+light alternating band · serif-display(CJK) · warm-gold accent
 */

:root {
  /* ── 纸面：深空黑 / 宣纸暖白 交替 ── */
  --color-void:        oklch(13% 0.005 265);   /* 最深场景底 */
  --color-ink:         oklch(16% 0.006 260);   /* 主深场景底 */
  --color-ink-2:       oklch(21% 0.008 258);   /* 深场景抬升面 */
  --color-ink-3:       oklch(27% 0.010 256);   /* 深场景边界 */
  --color-paper:       oklch(94% 0.014 85);    /* 宣纸过场底 */
  --color-paper-2:     oklch(90% 0.018 84);    /* 宣纸抬升面 */

  /* ── 墨色：文字 ── */
  --color-on-ink:      oklch(96% 0.004 260);   /* 深底主文字 */
  --color-on-ink-mute: oklch(70% 0.010 258);   /* 深底次文字 4.9:1 */
  --color-on-ink-dim:  oklch(56% 0.010 258);   /* 深底铭牌小字 */
  --color-on-paper:    oklch(22% 0.012 60);    /* 浅底主文字 */
  --color-on-paper-mute: oklch(45% 0.014 60);  /* 浅底次文字 */

  /* ── 唯一点缀色：鎏金 + 朱砂印 ── */
  --color-accent:      oklch(78% 0.115 78);    /* 鎏金 */
  --color-accent-deep: oklch(62% 0.115 70);    /* 鎏金压深（浅底用） */
  --color-seal:        oklch(52% 0.170 32);    /* 朱砂 · 仅印章 */
  --color-focus:       oklch(85% 0.120 80);

  /* ── 线与面 ── */
  --rule-hair:         1px solid oklch(100% 0 0 / 0.10);
  --rule-hair-paper:   1px solid oklch(22% 0.012 60 / 0.16);
  --rule-accent:       1px solid oklch(78% 0.115 78 / 0.42);
  --glow-shot:         0 0 0 1px oklch(78% 0.115 78 / 0.22), 0 30px 80px -20px oklch(0% 0 0 / 0.75);

  /* ── 字族 ── */
  --font-display: "Shikong Serif", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --font-body:    "Shikong Sans", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono:    "Shikong Mono", "Roboto Mono", "Cascadia Mono", Consolas, monospace;

  /* ── 字号（clamp 到移动端） ── */
  --text-mono:    clamp(0.60rem, 0.55rem + 0.2vw, 0.72rem);
  --text-sm:      clamp(0.80rem, 0.76rem + 0.2vw, 0.90rem);
  --text-base:    clamp(0.94rem, 0.90rem + 0.3vw, 1.06rem);
  --text-lg:      clamp(1.10rem, 1.00rem + 0.5vw, 1.35rem);
  --text-2xl:     clamp(1.50rem, 1.20rem + 1.4vw, 2.30rem);
  --text-4xl:     clamp(2.10rem, 1.40rem + 3.2vw, 4.20rem);
  --text-display: clamp(2.90rem, 1.40rem + 6.6vw, 7.40rem);

  /* ── 间距 4pt ── */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3.5rem;
  --space-2xl: 6rem;
  --space-3xl: 10rem;

  /* ── 圆角（金石感：近乎无） ── */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;

  /* ── 动效 ── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    160ms;
  --dur-mid:     320ms;
  --dur-slow:    720ms;

  /* ── 层级 ── */
  --z-canvas:  0;
  --z-content: 10;
  --z-sticky:  50;
  --z-nav:     80;
  --z-modal:   100;
}