/* Chatrix 官網 token（C Bloom）：由 scripts/design-tokens/generate.py 依 design/tokens/chatrix.tokens.json 產生，請勿手改。 */
:root {
  color-scheme: light dark;
  --bg: #FAF8FF;
  --bgAlt: #F3F0FB;
  --surface: #FFFFFF;
  --surfaceAlt: #F7F4FE;
  --ink: #2A2540;
  --inkSoft: #5E5873;
  --inkMuted: #6B6483;
  --line: #ECE7F7;
  --lineStrong: #D9D1F2;
  --fieldBorder: #8F86AB;
  --primary: #6A4FF0;
  --onPrimary: #FFFFFF;
  --tint: #6A4FF0;
  --primaryText: #5A3FE0;
  --primarySoft: #EFEAFF;
  --onPrimarySoft: #4A3BB0;
  --peach: #FF9F80;
  --peachSoft: #FFE3D8;
  --onPeachSoft: #8F2F15;
  --mint: #4FC3A1;
  --mintSoft: #D8F3E9;
  --onMintSoft: #1D6B53;
  --lavender: #C9BCFF;
  --butterSoft: #FFF0C7;
  --onButterSoft: #6B4E00;
  --bubbleMe: #6A4FF0;
  --onBubbleMe: #FFFFFF;
  --bubbleOther: #FFFFFF;
  --onBubbleOther: #2A2540;
  --success: #1F7A55;
  --successSoft: #DDF4EA;
  --warning: #9A5800;
  --warningSoft: #FFF1D6;
  --error: #B3261E;
  --errorSoft: #FDE7E4;
  --scrim: #2A254066;
  --chart1: #6A4FF0;
  --chart2: #E8673F;
  --chart3: #1E9C78;
  --chart4: #C48A00;
  --chart5: #3478C6;
  --heat0: #F3F0FB;
  --heat1: #DED6FF;
  --heat2: #BDAEFF;
  --heat3: #937DFF;
  --heat4: #6A4FF0;
  --shadow-card: 0 2px 12px rgba(42,37,64,0.06);
  --shadow-raised: 0 8px 28px rgba(42,37,64,0.12);
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --space-xxxl: 32px;
  --space-huge: 40px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-xxl: 28px;
  --radius-bubble: 22px;
  --radius-bubbleTail: 8px;
  --radius-pill: 999px;
  --font-rounded: ui-rounded, "SF Pro Rounded", "PingFang TC", "Hiragino Maru Gothic ProN", "Noto Sans CJK TC", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17141F;
    --bgAlt: #1D1928;
    --surface: #221D2E;
    --surfaceAlt: #2A2438;
    --ink: #EEE9FF;
    --inkSoft: #B3AACB;
    --inkMuted: #948BAE;
    --line: #2E2840;
    --lineStrong: #463D63;
    --fieldBorder: #7A7199;
    --primary: #6A4FF0;
    --onPrimary: #FFFFFF;
    --tint: #8B74FF;
    --primaryText: #C9BCFF;
    --primarySoft: #2A2342;
    --onPrimarySoft: #C9BCFF;
    --peach: #FF9F80;
    --peachSoft: #3A2A2E;
    --onPeachSoft: #FFC2AE;
    --mint: #4FC3A1;
    --mintSoft: #1F3A33;
    --onMintSoft: #9EE6CF;
    --lavender: #8F7BE6;
    --butterSoft: #3A3424;
    --onButterSoft: #F2D88A;
    --bubbleMe: #6A4FF0;
    --onBubbleMe: #FFFFFF;
    --bubbleOther: #241F31;
    --onBubbleOther: #EEE9FF;
    --success: #7FD8B4;
    --successSoft: #173329;
    --warning: #F5C26B;
    --warningSoft: #3A2E17;
    --error: #FFB4AB;
    --errorSoft: #3D1F1C;
    --scrim: #00000099;
    --chart1: #9C8AFF;
    --chart2: #FF9F80;
    --chart3: #4FC3A1;
    --chart4: #F2C14E;
    --chart5: #7EB6F2;
    --heat0: #2A2438;
    --heat1: #33295A;
    --heat2: #4B3C8C;
    --heat3: #6A54D6;
    --heat4: #9C8AFF;
    --shadow-card: 0 2px 12px rgba(0,0,0,0.35);
    --shadow-raised: 0 8px 28px rgba(0,0,0,0.45);
  }
}