/* AL-UI-1.0: shared design contract; not a complete component library. */
:root {
  --al-bg: #f7f8f5;
  --al-surface: #ffffff;
  --al-text: #17211c;
  --al-muted: #59665e;
  --al-brand: #176b50;
  --al-brand-hover: #10533d;
  --al-brand-soft: #e8f3ec;
  --al-border: #d8e0d9;
  --al-danger: #b42318;
  --al-focus: #2563eb;
  --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: 8px;
  --al-radius-card: 16px;
  --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;
}
.al-shell { color: var(--al-text); background: var(--al-bg); font: 16px/1.6 var(--al-font); }
.al-shell .al-control:focus-visible { outline: 2px solid var(--al-focus); outline-offset: 2px; }