/* ============================================================
   CatzBox 轻新主题
   关键词：小清新、低饱和度、纤细精致
   支持 light / dark 两种模式
   ============================================================ */

[data-skin="qingxin"] {
    /* 背景：低饱和的清新薄荷白 */
    --bg-primary: #f7faf9;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.84);
    --bg-input: #ffffff;
    --bg-topbar: rgba(255, 255, 255, 0.74);

    /* 文字：柔和的深灰 */
    --text-primary: #2d3436;
    --text-secondary: #6e7c7a;
    --text-tertiary: #a3b0ae;

    /* 强调色：薄荷青 */
    --accent: #5fb3a3;
    --accent-hover: #7fcbbd;
    --accent-active: #4a9788;
    --accent-light: rgba(95, 179, 163, 0.12);
    --selection-bg: rgba(95, 179, 163, 0.22);
    --focus-ring: 0 0 0 3px var(--accent-light);

    /* 边框与阴影：极淡 */
    --border: rgba(45, 52, 54, 0.06);
    --border-hover: rgba(45, 52, 54, 0.12);
    --shadow-sm: 0 2px 10px rgba(45, 52, 54, 0.03);
    --shadow-md: 0 8px 30px rgba(45, 52, 54, 0.05);
    --shadow-lg: 0 16px 48px rgba(45, 52, 54, 0.07);

    /* 圆角：柔和 */
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 26px;

    /* 字体：轻盈 */
    --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
    --font-display: var(--font-sans);

    /* 图标：纤细 */
    --icon-stroke-width: 1.25;

    /* 按钮：淡淡投影 */
    --btn-primary-shadow: 0 2px 8px rgba(95, 179, 163, 0.22);

    /* 语义色：低饱和 */
    --color-success: #6ab04c;
    --color-success-light: rgba(106, 176, 76, 0.10);
    --color-success-border: rgba(106, 176, 76, 0.18);
    --color-warning: #e1b12c;
    --color-warning-light: rgba(225, 177, 44, 0.10);
    --color-warning-border: rgba(225, 177, 44, 0.18);
    --color-danger: #e17055;
    --color-danger-light: rgba(225, 112, 85, 0.10);
    --color-danger-border: rgba(225, 112, 85, 0.16);
    --color-info: #74b9ff;
    --color-info-light: rgba(116, 185, 255, 0.10);

    /* 签到按钮阴影 */
    --checkin-shadow: 0 2px 8px rgba(225, 177, 44, 0.22);
    --checkin-shadow-hover: 0 4px 14px rgba(225, 177, 44, 0.30);

    /* 装饰：淡薄荷色对角渐变 */
    --bg-pattern: linear-gradient(135deg, rgba(95, 179, 163, 0.04) 0%, transparent 50%);
    --bg-size: cover;
}

[data-skin="qingxin"][data-theme="dark"] {
    /* 深色模式：深墨绿底 */
    --bg-primary: #151c1b;
    --bg-secondary: #1d2624;
    --bg-card: rgba(29, 38, 36, 0.86);
    --bg-input: #1a2220;
    --bg-topbar: rgba(29, 38, 36, 0.78);

    --text-primary: #e9f0ee;
    --text-secondary: #9fb5b0;
    --text-tertiary: #6a7d79;

    --accent: #7dd3c0;
    --accent-hover: #a0e2d4;
    --accent-active: #5fbfa9;
    --accent-light: rgba(125, 211, 192, 0.14);
    --selection-bg: rgba(125, 211, 192, 0.28);

    --border: rgba(233, 240, 238, 0.08);
    --border-hover: rgba(233, 240, 238, 0.15);
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.20);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.28);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.36);

    --btn-primary-shadow: 0 2px 8px rgba(125, 211, 192, 0.25);

    --checkin-shadow: 0 2px 8px rgba(225, 177, 44, 0.25);
    --checkin-shadow-hover: 0 4px 14px rgba(225, 177, 44, 0.35);

    --bg-pattern: linear-gradient(135deg, rgba(125, 211, 192, 0.04) 0%, transparent 50%);
}