/* ============================================================
   NEXUS — Design Tokens
   档案接触印样 / 博物馆档案摄影
   ============================================================ */

:root {
  /* --- Palette --- */
  --color-bg: #E8E4DA;
  --color-surface: #EFEBE1;
  --color-surface-alt: #E2DDD2;
  --color-mid: #B9B2A5;
  --color-cool: #A7A9A6;
  --color-ink: #343431;
  --color-ink-soft: #5C5B55;
  --color-ink-faint: #8A8880;
  --color-accent: #763E3C;
  --color-line: rgba(52, 52, 49, 0.14);
  --color-line-strong: rgba(52, 52, 49, 0.28);
  --color-paper-shadow: rgba(52, 52, 49, 0.06);

  /* --- Typography --- */
  --font-display: 'Cormorant Garamond', 'Noto Serif SC', 'Songti SC', serif;
  --font-cn-serif: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --font-body: 'Noto Sans SC', 'Helvetica Neue', 'PingFang SC', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* Type scale (fluid) */
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-base: 14.5px;
  --text-md: 16px;
  --text-lg: 19px;
  --text-xl: clamp(22px, 2.4vw, 30px);
  --text-2xl: clamp(32px, 4.5vw, 56px);
  --text-3xl: clamp(48px, 8vw, 110px);

  /* --- Spacing --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;
  --sp-9: 104px;
  --sp-10: 140px;

  /* --- Layout --- */
  --container-max: 1320px;
  --container-pad: 32px;
  --header-h: 64px;

  /* --- Motion --- */
  --ease: cubic-bezier(0.19, 1, 0.22, 1);
  --transition-fast: 0.2s var(--ease);
  --transition: 0.45s var(--ease);

  /* --- Breakpoint refs (used in media queries) --- */
  /* desktop: > 1024px | tablet: 768–1024 | mobile: < 768px */
}