/* AL-UI-1.0 → Ai小酒馆 暖色风（winter 亮色 / dracula 暗色）
   Namespace unchanged: .al-* / --al-* (sites' app.js depends on it). */
:root {
  color-scheme: light;
  --al-bg: #f7f3ee;
  --al-surface: #fffdf9;
  --al-bg-hero: #2b2028;
  --al-nav-bg: #fffdf9f2;
  --al-text: #251e23;
  --al-muted: #6b5f63;
  --al-border: #e8e0d6;
  --al-brand: #702f3d;
  --al-brand-hover: #5a2331;
  --al-brand-soft: #f6e8d8;
  --al-amber: #dfb675;
  --al-code-bg: #f3ece4;
  --al-danger: #b42318;
  --al-focus: #2563eb;
  --al-shadow: #251e2314;
  --al-shadow-lg: #251e231f;
  --al-space-1: 4px;
  --al-space-2: 8px;
  --al-space-3: 12px;
  --al-space-4: 16px;
  --al-space-6: 24px;
  --al-space-8: 32px;
  --al-space-12: 48px;
  --al-space-16: 64px;
  --al-radius-control: 10px;
  --al-radius-card: 18px;
  --al-content-width: 1200px;
  --al-editor-width: 1440px;
  --al-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --al-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

[data-theme="dracula"] {
  color-scheme: dark;
  --al-bg: #241d20;
  --al-surface: #32262c;
  --al-bg-hero: #1c1619;
  --al-nav-bg: #32262cf2;
  --al-text: #f8f3ec;
  --al-muted: #b9aeb4;
  --al-border: #4a3d43;
  --al-brand: #dfb675;
  --al-brand-hover: #ecbf7f;
  --al-brand-soft: #3a2f3d;
  --al-amber: #dfb675;
  --al-code-bg: #2a2126;
  --al-shadow: #00000033;
  --al-shadow-lg: #00000040;
}

.al-shell { color: var(--al-text); background: var(--al-bg); font: 16px/1.6 var(--al-font); }