/* 素写坊内容工作台 · design tokens — "纸本工坊" (rice paper, pine-soot ink, rose madder) */
:root {
  color-scheme: light;

  /* paper & ink */
  --paper: #f3eee4;
  --paper-deep: #ebe4d6;
  --sheet: #fbf8f2;
  --sheet-raised: #fffdf8;
  --ink: #1c221f;
  --ink-2: #454c47;
  --ink-3: #7a807a;
  --ink-4: #a7aba4;
  --rule: #d8cfbf;
  --rule-soft: #e6dfd1;

  /* accents */
  --rose: #b0485a;
  --rose-deep: #8e3445;
  --rose-soft: #f4e0de;
  --rose-wash: #f9eeec;
  --celadon: #557a68;
  --celadon-soft: #dce8df;
  --ochre: #b0823a;
  --ochre-soft: #f3e7cf;
  --indigo: #3d5977;
  --indigo-soft: #dde5ee;
  --vermilion: #c0432e;

  /* pipeline stages */
  --stage-idea: var(--viz-ord-1);
  --stage-selected: var(--viz-ord-2);
  --stage-scripting: var(--viz-ord-3);
  --stage-ready: var(--viz-ord-4);
  --stage-published: var(--viz-ord-5);

  /* data viz — validated with dataviz/validate_palette.js on #fbf8f2 (all checks pass) */
  --viz-1: #1f9a74;   /* plant green: primary series */
  --viz-2: #2a6fb0;   /* blue */
  --viz-3: #d8603a;   /* orange */
  --viz-emph: #b0485a; /* rose: single emphasised mark, never a series */
  --viz-ord-1: #86b8a4; /* ordinal ramp (pipeline stages, light → dark) */
  --viz-ord-2: #5c9e86;
  --viz-ord-3: #3a8268;
  --viz-ord-4: #23654e;
  --viz-ord-5: #134836;
  --viz-grid: #e6dfd1;
  --viz-axis: #8f938c;
  --viz-surface: #fbf8f2;

  /* type */
  --font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-hand: "Kaiti SC", "STKaiti", "KaiTi", "Songti SC", serif;
  --font-numeral: "Iowan Old Style", "Baskerville", "Songti SC", serif;
  --font-mono: "SF Mono", "Menlo", monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14.5px;
  --text-md: 16px;
  --text-lg: 19px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-hero: clamp(34px, 2.4vw + 18px, 48px);

  /* space & shape */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --sidebar: 232px;

  --shadow-paper: 0 1px 0 rgba(60, 45, 20, .04), 0 8px 24px -14px rgba(60, 45, 20, .22);
  --shadow-lift: 0 2px 0 rgba(60, 45, 20, .05), 0 18px 40px -18px rgba(60, 45, 20, .35);
  --shadow-float: 0 24px 60px -20px rgba(28, 34, 31, .45);

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --duration-fast: 140ms;
  --duration: 260ms;

  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .18 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration: 0ms; }
}