/**
 * tokens.css — 设计令牌。全站的颜色、字体、尺度、缓动都从这里取，别处不写死数值。
 *
 * 设计思路（一句话）：暖墨色的底，纸白的字；琥珀代表「人」与「愿」，青色代表「智能体」。
 *
 * 级联层顺序在此声明：后面的层覆盖前面的层。
 * 新样式请写进对应的层；不放进任何层的样式优先级最高（可用于临时覆盖）。
 */

@layer reset, tokens, base, components, chrome, sections, utilities;

@layer tokens {
  :root {
    color-scheme: dark;

    /* 墨 — 背景 */
    --ink-0: #060504;
    --ink-1: #0b0a09;
    --ink-2: #141210;
    --ink-3: #1d1a17;

    /* 纸 — 文字（由亮到暗） */
    --paper: #f2ebe0;
    --paper-2: #c1b9ac;
    --paper-3: #8f887c;
    --paper-4: #5c574f;

    /* 珀 — 人 / 愿 / 重点 */
    --amber: #ff9d2e;
    --amber-hi: #ffc876;
    --amber-lo: #b8610f;

    /* 青 — 智能体 / 进行中 */
    --jade: #8fe3d6;
    --jade-lo: #3f8d83;

    --line: rgb(242 235 224 / 0.12);
    --line-2: rgb(242 235 224 / 0.24);
    --panel: rgb(18 16 14 / 0.62);

    /* 字体：中文展示用思源宋体（已按本站用字子集化），正文中文走系统黑体 */
    --font-serif: "Noto Serif SC", "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", serif;
    --font-sans: "Instrument Sans", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    --font-latin: "Instrument Serif", "Noto Serif SC", "Songti SC", serif;
    --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", monospace;

    /* 字号阶梯 */
    --fs-mono: 0.75rem;
    --fs-small: 0.8125rem;
    --fs-body: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
    --fs-lead: clamp(1.0625rem, 0.95rem + 0.55vw, 1.4375rem);
    --fs-h3: clamp(1.3125rem, 1.1rem + 0.9vw, 1.9375rem);
    --fs-h2: clamp(2.5rem, 1.5rem + 4vw, 5rem);
    --fs-display: clamp(4rem, 2rem + 10.5vw, 12.5rem);

    /* 版式 */
    --gutter: clamp(1.25rem, 5vw, 5.5rem);
    --gap: clamp(1rem, 1.6vw, 1.75rem);
    --max: 1560px;
    --nav-h: 4.5rem;
    --radius: 6px;

    /* 动效 */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* 层级 */
    --z-nav: 50;
    --z-rail: 40;
    --z-menu: 45;
    --z-flock: 80;
    --z-cursor: 90;
    --z-palette: 100;
    --z-loader: 200;
  }
}