/* 万物收藏 — Design Tokens (from prototype) */
:root {
  --bg: #0e0f11;
  --bg2: #141518;
  --bg3: #1c1e22;
  --bg4: #242629;
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.12);
  --text: #e8e6e1;
  --text2: #8a8680;
  --text3: #525050;
  --accent: #c8a97e;
  --accent2: #a07d52;
  --accent-bg: rgba(200, 169, 126, 0.1);
  --teal: #5db8a0;
  --teal-bg: rgba(93, 184, 160, 0.1);
  --blue: #6da4d4;
  --blue-bg: rgba(109, 164, 212, 0.1);
  --red: #d46d6d;
  --red-bg: rgba(212, 109, 109, 0.1);
  --purple: #9d88d4;
  --purple-bg: rgba(157, 136, 212, 0.1);
  --font-display: 'Noto Serif SC', serif;
  --font-body: 'Outfit', sans-serif;
  --font-mono: 'DM Mono', monospace;
  --radius: 10px;
  --radius-lg: 16px;
  --sidebar-w: 220px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  overflow: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 14px;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--bg4);
  border-radius: 2px;
}

/* Type colors */
.c-web { color: var(--blue); }
.c-text { color: var(--purple); }
.c-img { color: var(--teal); }
.c-vid { color: var(--red); }
.c-doc { color: var(--accent); }

.badge-web { background: var(--blue-bg); color: var(--blue); }
.badge-text { background: var(--purple-bg); color: var(--purple); }
.badge-img { background: var(--teal-bg); color: var(--teal); }
.badge-vid { background: var(--red-bg); color: var(--red); }
.badge-doc { background: var(--accent-bg); color: var(--accent); }

.bg-web { background: linear-gradient(135deg, #1a2535, #203040); }
.bg-text { background: linear-gradient(135deg, #1e1a2e, #251e38); }
.bg-img { background: linear-gradient(135deg, #1a2820, #1e3228); }
.bg-vid { background: linear-gradient(135deg, #2a1a1a, #381e1e); }
.bg-doc { background: linear-gradient(135deg, #2a261a, #38321e); }