/* ============================================================
   theme.css — 设计令牌（换肤只改这里）
   主题：心动信号 · 温柔暧昧风（奶油粉 + 玫瑰粉 + 香芋紫）
   所有颜色 / 圆角 / 字体都通过 CSS 变量定义
   ============================================================ */

:root {
  /* —— 底色 —— */
  --c-bg: #FDF7F9;                    /* 页面背景：奶油粉白 */
  --c-bg-grad: linear-gradient(180deg, #FDF3F6 0%, #FDF8FA 30%, #FDF7F9 100%);
  --c-surface: #FFFFFF;               /* 气泡 / 卡片底 */
  --c-surface-2: #F9EDF3;             /* 次级底：极浅粉 */
  --c-bubble-me: linear-gradient(135deg, #FF9BB5 0%, #F2709C 100%);  /* 用户气泡：粉渐变 */

  /* —— 主色 —— */
  --c-primary: #F2709C;               /* 玫瑰粉 */
  --c-primary-soft: #FDE7F0;          /* 主色浅底 */
  --c-primary-deep: #E0558A;          /* 主色深（按压态） */
  --c-accent: #B79CE8;                /* 香芋紫：点缀 / 副标题 */

  /* —— 文字 —— */
  --c-text: #43333C;                  /* 主文字：暖深灰 */
  --c-text-2: #AE8F9B;                /* 次级文字 */
  --c-text-invert: #FFFFFF;           /* 深底上的文字 */

  /* —— 语义色 —— */
  --c-border: #F7E3EB;                /* 边框 */
  --c-danger: #E25563;                /* 超界 / 不能接受 */
  --c-ok: #5BA88A;                    /* 甜点区 / 愿意 */

  /* —— 圆角 —— */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  /* —— 字体 —— */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;

  /* —— 阴影 —— */
  --shadow: 0 8px 28px rgba(242, 112, 156, 0.13);
  --shadow-sm: 0 2px 10px rgba(242, 112, 156, 0.08);
}

/* 深色主题（可选，给 <html> 加 data-theme="dark" 即可） */
[data-theme="dark"] {
  --c-bg: #241820;
  --c-bg-grad: linear-gradient(180deg, #2A1C24 0%, #241820 100%);
  --c-surface: #2E2128;
  --c-surface-2: #3A2830;
  --c-bubble-me: linear-gradient(135deg, #D96E90 0%, #C05A7E 100%);

  --c-primary: #F2709C;
  --c-primary-soft: #3A2530;
  --c-primary-deep: #FF8FB0;
  --c-accent: #B79CE8;

  --c-text: #F3E7EC;
  --c-text-2: #B79AA6;
  --c-text-invert: #FFFFFF;

  --c-border: #46313B;
  --c-danger: #E87A82;
  --c-ok: #6CB894;

  --shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
}