/* Bảng màu Claude, lấy từ chính dotfiles của bạn (.wezterm.lua: "Claude Light" và "Claude Dark").
   Một nguồn duy nhất: trang quản lý, trang Markdown và nền cho trang HTML đều dùng các biến này. */
:root {
  --bg: #f9f5e8; --surface: #fcf9ef; --raise: #f2eddd; --text: #29261b; --strong: #141413; --muted: #625d52;
  --line: #d8d5ca; --accent: #d97757; --accent-text: #141413; --link: #a63d28; --sel: #f0d9cf; --code-bg: #efe9d6;
  --danger: #a63d28; --on-danger: #ffffff; --focus: #34618f; --shadow: 0 8px 28px rgba(41, 38, 27, .16);
  --red: #a63d28; --green: #43693f; --yellow: #7a5a0e; --blue: #34618f; --purple: #6c4aa8; --cyan: #256158;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Noto Serif", Georgia, "Times New Roman", serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --mono: "JetBrainsMono Nerd Font", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #2b2922; --surface: #302e27; --raise: #3a3935; --text: #ddd6c3; --strong: #f7f0dc; --muted: #ada48c;
    --line: #46443d; --accent: #d97757; --accent-text: #1f1d18; --link: #e8806b; --sel: #4a3a32; --code-bg: #23211c;
    --danger: #e8806b; --on-danger: #1f1d18; --focus: #7fabd8; --shadow: 0 8px 28px rgba(0, 0, 0, .5);
    --red: #e8806b; --green: #8dbb8a; --yellow: #d9a441; --blue: #7fabd8; --purple: #c3a6ff; --cyan: #7cc0b4;
  }
}