/* MioRia 主题覆盖 —— Chainlit 默认主色是粉红 (--primary: 340 92% 52%)，属旧 BiliInsight
   体系遗留；这里换成品牌唯一主色藏青 #16234E（brand/README.md 2026-08-02 定稿）。

   两个坑：
   1. Chainlit 用 shadcn 那套「H S% L%」裸值变量，不能写 hex。
   2. custom_css 被注入在 Chainlit 主样式表**之前**，同优先级下会被后者覆盖
      ⇒ 必须 !important，否则改了等于没改（实测粉色不变）。

   浅色主题不用纯白打底：Chainlit 默认 --background 是 0 0% 100%，整屏纯白偏刺眼。
   压到 220 33% 96%（≈ #F2F4F9，品牌冷调底再降一档），卡片/输入框留纯白拉出层次。 */

:root {
  --primary: 226 56% 20% !important;          /* #16234E */
  --primary-foreground: 0 0% 100% !important;
  --ring: 226 56% 24% !important;

  --background: 220 33% 96% !important;       /* 冷调底，不刺眼 */
  --card: 0 0% 100% !important;               /* 卡片留白，与底色拉开层次 */
  --popover: 0 0% 100% !important;
  --muted: 220 24% 92% !important;
  --border: 220 20% 88% !important;
  --input: 220 20% 88% !important;
}

.dark {
  --primary: 226 58% 62% !important;          /* 藏青提亮版，深色底上可读 */
  --primary-foreground: 226 60% 12% !important;
  --ring: 226 58% 62% !important;

  /* ⚠️ 上面 :root 那组底色带了 !important，暗色主题不显式覆盖就会被它赢走
     ⇒ 用户手动切暗色后背景仍是浅灰、而前景色已翻白 ⇒ 满屏看不见字（实测踩过）。
     这里还原 Chainlit 暗色原值，切主题两边都正常。 */
  --background: 0 0% 13% !important;
  --card: 0 0% 16% !important;
  --popover: 0 0% 16% !important;
  --muted: 0 0% 20% !important;
  --border: 0 1% 26% !important;
  --input: 0 1% 26% !important;
}