/* PRE Web GUI — Theme system via CSS custom properties */

/* ── Dark Theme (default) ── */
html[data-theme="dark"] {
  --bg: #0a0a0a;
  --surface: #141414;
  --surface-hover: #1e1e1e;
  --surface-active: #252525;
  --border: #2a2a2a;
  --border-light: #333;
  --text: #e8e8e8;
  --text-secondary: #999;
  --text-muted: #666;
  --primary: #6cb4ee;
  --primary-hover: #89c4f4;
  --primary-bg: rgba(108, 180, 238, 0.1);
  --accent: #a78bfa;
  --success: #4ade80;
  --warning: #fbbf24;
  --danger: #f87171;
  --code-bg: #1a1a1a;
  --code-border: #333;
  --msg-user-bg: rgba(108, 180, 238, 0.08);
  --msg-assistant-bg: transparent;
  --thinking-bg: rgba(167, 139, 250, 0.06);
  --thinking-border: rgba(167, 139, 250, 0.2);
  --tool-bg: rgba(74, 222, 128, 0.06);
  --tool-border: rgba(74, 222, 128, 0.2);
  --input-bg: #1a1a1a;
  --input-border: #333;
  --input-focus: #6cb4ee;
  --shadow: rgba(0, 0, 0, 0.4);
  --overlay: rgba(0, 0, 0, 0.6);
}

/* ── Light Theme ── */
html[data-theme="light"] {
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-hover: #f5f5f5;
  --surface-active: #ebebeb;
  --border: #e0e0e0;
  --border-light: #eee;
  --text: #1a1a1a;
  --text-secondary: #666;
  --text-muted: #999;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-bg: rgba(37, 99, 235, 0.08);
  --accent: #7c3aed;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --code-bg: #f4f4f5;
  --code-border: #e0e0e0;
  --msg-user-bg: rgba(37, 99, 235, 0.05);
  --msg-assistant-bg: transparent;
  --thinking-bg: rgba(124, 58, 237, 0.05);
  --thinking-border: rgba(124, 58, 237, 0.2);
  --tool-bg: rgba(22, 163, 74, 0.05);
  --tool-border: rgba(22, 163, 74, 0.2);
  --input-bg: #ffffff;
  --input-border: #d0d0d0;
  --input-focus: #2563eb;
  --shadow: rgba(0, 0, 0, 0.1);
  --overlay: rgba(255, 255, 255, 0.8);
}

