/* Shared theme variables — single source of truth for index.html and landing.html */
:root {
  --bg: #f5f5f5;
  --panel-bg: #fff;
  --panel-alt: #fafafa;
  --text: #333;
  --text-muted: #888;
  --border: #ddd;
  --input-bg: #fff;
  --preview-bg: #eee;
  --accent: #1a1a2e;
  --accent-hover: #16213e;
  --header-bg: #1a1a2e;
}
body.dark {
  --bg: #1a1a1a;
  --panel-bg: #2a2a2e;
  --panel-alt: #232327;
  --text: #e0e0e0;
  --text-muted: #999;
  --border: #444;
  --input-bg: #333;
  --preview-bg: #333;
  --accent: #6c7bff;
  --accent-hover: #8b97ff;
  --header-bg: #1e1e2e;
}