/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ── Custom Fonts ──────────────────────────────────────────────────────────
 * English text: Barlow (headings), Outfit (body), JetBrains Mono (code)
 * Chinese text: falls through to system fonts (no override)
 */

/* Body/content text — Outfit for English, system for Chinese */
body {
  font-family: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji";
}

/* Headings — Barlow for English */
h1, h2, h3, h4, h5, h6,
.font-heading {
  font-family: "Barlow", ui-sans-serif, system-ui, -apple-system,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* ── Chat bot markdown ────────────────────────────────────────────────── */
.chat-md-body p { margin: 0.25em 0; }
.chat-md-body ul, .chat-md-body ol { margin: 0.25em 0; padding-left: 1.5em; }
.chat-md-body ul { list-style-type: disc; }
.chat-md-body ol { list-style-type: decimal; }
.chat-md-body li { margin: 0.1em 0; }
.chat-md-body h1, .chat-md-body h2, .chat-md-body h3, .chat-md-body h4 { font-weight: 700; margin: 0.5em 0 0.25em; }
.chat-md-body h1 { font-size: 1.1em; }
.chat-md-body h2 { font-size: 1.05em; }
.chat-md-body h3 { font-size: 1em; }
.chat-md-body pre { background: #1e293b; color: #e2e8f0; padding: 0.75em; border-radius: 0.5em; overflow-x: auto; margin: 0.4em 0; font-size: 0.8em; }
.chat-md-body code { background: #f1f5f9; color: #334155; padding: 0.15em 0.35em; border-radius: 0.25em; font-size: 0.85em; }
.chat-md-body pre code { background: none; color: inherit; padding: 0; font-size: inherit; }
.chat-md-body blockquote { border-left: 3px solid #cbd5e1; padding-left: 0.75em; margin: 0.4em 0; color: #64748b; }
.chat-md-body strong { font-weight: 700; }
.chat-md-body hr { border: none; border-top: 1px solid #e2e8f0; margin: 0.5em 0; }
.chat-md-body table { border-collapse: collapse; margin: 0.4em 0; font-size: 0.9em; }
.chat-md-body th, .chat-md-body td { border: 1px solid #e2e8f0; padding: 0.3em 0.6em; }
.chat-md-body th { background: #f8fafc; font-weight: 600; }

/* Monospace — JetBrains Mono for code/mono */
code, pre, kbd, samp,
.font-mono,
[class*="font-mono"] {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace;
}