:root {
	/* color (one theme: Night Desk) */
	--ground: #0B0E12;
	--chrome: #0E1217;
	--surface: #12161C;
	--raised: #181D25;
	--bubble: #1E2530;
	--line: #242B35;
	--line-strong: #313A46;
	--text: #E7EBF0;
	--text-body: #D5DBE3;
	--text-2: #A3ADBA;
	--text-3: #7C8796;
	--action: #6E9BFF;
	--on-action: var(--ground);
	--link: #8FB2FF;
	--link-hover: #B8CEFF;
	--sky: #70D1EF;
	--orchid: #ECA0FF;
	--gain: #3DD68C;
	--loss: #FF7A59;
	--loss-text: #FF9A80;
	--warn: #F5B841;
	--gain-wash: rgba(61,214,140,0.12);
	--warn-wash: rgba(245,184,65,0.12);
	--loss-wash: rgba(255,122,89,0.12);
	--gain-tag: rgba(61,214,140,0.14);
	--warn-tag: rgba(245,184,65,0.14);
	--loss-tag: rgba(255,122,89,0.14);
	/* type */
	--font-sans: "Geist", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
	--font-mono: "Geist Mono", ui-monospace, monospace;
	--font-display: "Space Grotesk", "Geist", "PingFang SC", "Noto Sans SC", sans-serif;
	/* spacing */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-16: 64px;
	--space-24: 96px;
	/* radius */
	--radius-tag: 4px;
	--radius-ctrl: 8px;
	--radius-card: 12px;
	--radius-frame: 16px;
	--radius-pill: 999px;
	/* shadow */
	--shadow-frame: 0 40px 120px rgba(0,0,0,0.55);
	/* layout */
	--w-sidebar: 248px;
	--w-rail: 404px;
	--w-card: 376px;
	--w-chat: 760px;
	--w-page: 1180px;
	--w-prose: 560px;
	--hit: 44px;
}