/* Memory Space global design tokens. Do not redefine these per page. */
:root {
  color-scheme: dark;
  --ds-bg-canvas: #0d0f14;
  --ds-bg-depth: #111521;
  --ds-bg-ambient-violet: #1c1830;
  --ds-surface: rgba(23, 25, 32, 0.72);
  --ds-surface-elevated: rgba(31, 32, 42, 0.84);
  --ds-surface-glass: rgba(255, 255, 255, 0.055);
  --ds-border-subtle: rgba(255, 255, 255, 0.09);
  --ds-border-strong: rgba(241, 225, 207, 0.2);
  --ds-text-primary: #f2eee6;
  --ds-text-secondary: #b9b4ae;
  --ds-text-muted: #7f8088;
  --ds-accent-memory: #e6b98c;
  --ds-accent-memory-soft: #f1d5b5;
  --ds-accent-ai: #968cff;
  --ds-accent-connection: #82cbd0;
  --ds-accent-action: #d6a563;
  --ds-accent-danger: #d68f81;
  --ds-glow-important: 0 0 36px rgba(230, 185, 140, 0.2);
  --ds-glow-ai: 0 0 52px rgba(150, 140, 255, 0.3);
  --ds-glow-core: 0 0 84px rgba(230, 185, 140, 0.42);
  --ds-shadow-elevated: 0 24px 80px rgba(0, 0, 0, 0.5);
  --ds-radius-sm: 12px;
  --ds-radius-md: 18px;
  --ds-radius-lg: 26px;
  --ds-radius-xl: 34px;
  --ds-radius-round: 999px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-font-display: Georgia, "Songti SC", "STSong", serif;
  --ds-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ds-duration-fast: 180ms;
  --ds-duration-ui: 260ms;
  --ds-duration-reveal: 650ms;
  --ds-duration-memory: 1200ms;
  --ds-ease-soft: cubic-bezier(0.22, 0.72, 0.2, 1);
  --ds-ease-ambient: cubic-bezier(0.4, 0, 0.2, 1);
}

.ds-memory-space {
  color: var(--ds-text-primary);
  background: radial-gradient(circle at 76% 12%, rgba(150, 140, 255, 0.08), transparent 34rem), radial-gradient(circle at 42% 76%, rgba(230, 185, 140, 0.07), transparent 30rem), linear-gradient(165deg, var(--ds-bg-depth), var(--ds-bg-canvas) 55%);
  font-family: var(--ds-font-ui);
}

.ds-glass { border: 1px solid var(--ds-border-subtle); border-radius: var(--ds-radius-lg); background: var(--ds-surface-glass); box-shadow: var(--ds-shadow-elevated); backdrop-filter: blur(22px); }
.ds-ai { border-color: rgba(150, 140, 255, 0.3); box-shadow: var(--ds-glow-ai); }
.ds-ai-label { color: var(--ds-accent-ai); }
.ds-glow-button { border: 1px solid rgba(230, 185, 140, 0.38); border-radius: var(--ds-radius-round); color: var(--ds-text-primary); background: rgba(34, 32, 35, 0.8); box-shadow: var(--ds-glow-important); transition: transform var(--ds-duration-ui) var(--ds-ease-soft), box-shadow var(--ds-duration-ui) ease; }
.ds-glow-button:active { transform: scale(0.97); }

@media (prefers-reduced-motion: reduce) {
  :root { --ds-duration-fast: 1ms; --ds-duration-ui: 1ms; --ds-duration-reveal: 1ms; --ds-duration-memory: 1ms; }
}