/* App theme: use var(--app-bg), var(--app-surface), var(--app-text), var(--app-muted), var(--app-border) */
:root {
  --app-bg: #f1f5f9;
  --app-surface: #ffffff;
  --app-text: #0f172a;
  --app-muted: #64748b;
  --app-border: #e2e8f0;
  --app-card-shadow: 0 1px 3px rgba(0,0,0,.06);
}
[data-theme="dark"] {
  --app-bg: #0f172a;
  --app-surface: #1e293b;
  --app-text: #f1f5f9;
  --app-muted: #94a3b8;
  --app-border: #334155;
  --app-card-shadow: 0 1px 3px rgba(0,0,0,.3);
}