chore: initial project import

web/shared/theme/tokens.css

@@ -0,0 +1,96 @@
+/*
+ * 「纸墨」主题令牌：暖中性纸白底、深墨主色、唯一的强调色钢笔墨水蓝、复古低饱和的状态色。
+ * 颜色只在这个文件里出现；其他样式一律引用令牌（stylelint 会拦住 hex / rgb / 具名色）。
+ */
+:root {
+  color-scheme: light;
+
+  --app-bg: #f4f2ed;
+  --app-card: #fbfaf7;
+  --app-card-inset: #ece9e2;
+  --app-card-hover: #f0ede6;
+  --app-outline: #d8d4c9;
+  --app-outline-soft: #e5e1d7;
+
+  --app-ink: #1f1d18;
+  --app-ink-muted: #5c5950;
+  --app-ink-faint: #8b877b;
+
+  --app-primary: #2a2720;
+  --app-on-primary: #f7f6f3;
+
+  --app-accent: #2a5da8;
+  --app-accent-container: #dce6f4;
+  --app-on-accent-container: #12305c;
+
+  --app-ok: #566f2c;
+  --app-ok-container: #e3ead2;
+  --app-warn: #9c6b0e;
+  --app-warn-container: #f1e4c4;
+  --app-bad: #a23e2c;
+  --app-bad-container: #f2d9d2;
+  --app-idle: #8b877b;
+
+  --app-scrim: #1f1d18;
+  --app-shadow: #1f1d18;
+
+  --chart-1: #2a5da8;
+  --chart-2: #b9770e;
+  --chart-3: #a23e2c;
+  --chart-4: #566f2c;
+  --chart-5: #7a4f7a;
+  --chart-6: #2f7a76;
+  --chart-grid: #e1ddd2;
+  --chart-axis: #7a766b;
+
+  --r-card: 24px;
+  --r-group-outer: 28px;
+  --r-group-inner: 8px;
+  --r-control: 12px;
+  --r-pill: 999px;
+
+  --state-hover: 0.08;
+  --state-press: 0.12;
+
+  --font-sans: "Source Han Sans SC", "Noto Sans SC", "Source Han Sans CN", "Microsoft YaHei UI", "PingFang SC", sans-serif;
+  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+
+  --app-bg: #181714;
+  --app-card: #211f1b;
+  --app-card-inset: #2b2924;
+  --app-card-hover: #28261f;
+  --app-outline: #3b3830;
+  --app-outline-soft: #2f2d27;
+
+  --app-ink: #ece9e1;
+  --app-ink-muted: #b0ab9e;
+  --app-ink-faint: #7f7b70;
+
+  --app-primary: #ece9e1;
+  --app-on-primary: #1f1d18;
+
+  --app-accent: #8db0e6;
+  --app-accent-container: #26364f;
+  --app-on-accent-container: #cfe0f8;
+
+  --app-ok: #a6c06c;
+  --app-ok-container: #2c3520;
+  --app-warn: #dcae52;
+  --app-warn-container: #3a2f16;
+  --app-bad: #e3917f;
+  --app-bad-container: #432720;
+  --app-idle: #7f7b70;
+
+  --chart-1: #8db0e6;
+  --chart-2: #e0a74d;
+  --chart-3: #e3917f;
+  --chart-4: #a6c06c;
+  --chart-5: #c79ac7;
+  --chart-6: #72c0bb;
+  --chart-grid: #32302a;
+  --chart-axis: #8f8b7f;
+}