:root {
  --accent: #3b82f6; --bg: #f7f8fa; --surface: #ffffff;
  --text: #1f2937; --text-secondary: #6b7280; --border: #e5e7eb;
  --danger: #ef4444; --success: #10b981; --radius: 14px; --font-size: 16px;
}
[data-mode="dark"] {
  --bg: #111827; --surface: #1f2937; --text: #f9fafb;
  --text-secondary: #9ca3af; --border: #374151;
}
[data-style="warm"] { --bg: #faf6f0; --surface: #fffdf8; --radius: 18px; }
html { font-size: var(--font-size); }