/* ============================================================
   tokens.css — Design Tokens for 诗千颜 (QianYan·Shi)
   Single source of truth: colors, type, spacing, motion, layout
   ============================================================ */

:root {
  /* ── Colors ─────────────────────────────────────────── */
  --ink: #11100D;
  --ink-soft: #231D18;
  --lead: #615B52;
  --mist: #9B9489;
  --hair: #CBC3B6;
  --verm: #BF3328;
  --verm-deep: #8F251E;
  --forest: #27634A;
  --paper: #F6F0E3;
  --paper-deep: #E9DFC9;
  --paper-glow: #FBF7EE;
  --wash-blue: #DADFF2;
  --wash-violet: #E9DFF1;

  /* ── RGB Triplets — 供 rgba(var(--x-rgb), a) 使用 ───── */
  --ink-rgb: 17, 16, 13;
  --paper-rgb: 246, 240, 227;
  --verm-rgb: 191, 51, 40;
  --glow-rgb: 255, 249, 232;
  --shadow-rgb: 17, 16, 13;

  /* ── Surfaces & Effects ─────────────────────────────── */
  --bg-grad: radial-gradient(ellipse 90% 70% at 50% 50%,
    #FAF6EC 0%, #F8F4EA 40%, #EDE6D2 100%);
  --bg-flash: #FFFFFF;
  --noise-opacity: 0.42;
  --noise-blend: multiply;

  /* ── Line Opacities ─────────────────────────────────── */
  --line-strong: rgba(17, 16, 13, 0.13);
  --line-soft: rgba(17, 16, 13, 0.07);

  /* ── Typography ─────────────────────────────────────── */
  --font-ui: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-display: "Newsreader", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* ── Layout ─────────────────────────────────────────── */
  --page-max: 100%;
  --page-pad-x: clamp(30px, 7.8vw, 150px);
  --split-left: 63%;
  --split-right: 37%;

  /* ── Spacing Scale ──────────────────────────────────── */
  --space-1: 6px;
  --space-2: 12px;
  --space-3: 18px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* ── Type Scale ─────────────────────────────────────── */
  --text-micro: clamp(9px, 0.78vw, 11px);
  --text-meta:  clamp(11px, 0.95vw, 13px);
  --text-body:  clamp(14px, 1.1vw, 16px);
  --text-lede:  clamp(16px, 1.35vw, 20px);
  --text-title: clamp(52px, 5.65vw, 102px);
  --text-quote: clamp(20px, 2vw, 30px);

  /* ── Easing ─────────────────────────────────────────── */
  --ease-brush: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-ink:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-stamp: cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Animation Delays — Staged Entrance（总时长压缩至 ~1s）── */
  --t-rule-top: 0ms;
  --t-brand:    90ms;
  --t-nav:      140ms;
  --t-label:    220ms;
  --t-hero-1:   280ms;
  --t-plate:    360ms;
  --t-hero-2:   420ms;
  --t-hero-3:   520ms;
  --t-projects: 620ms;
  --t-status:   720ms;
  --t-caret:    800ms;
  --t-brush:    860ms;
  --t-seal:     920ms;
  --t-corners:  980ms;
}