/* 共享主题变量定义 */
:root {
    --bg: #f3ede4;
    --bg-deep: #d7c7b6;
    --paper: rgba(255, 251, 246, 0.82);
    --paper-strong: rgba(255, 253, 250, 0.96);
    --line: rgba(84, 66, 49, 0.12);
    --text: #251c15;
    --muted: #6f6256;
    --accent: #bf5b32;
    --accent-soft: #e9c7ae;
    --teal: #2d786c;
    --mustard: #ca9d3a;
    --berry: #8c4964;
    --shadow: 0 20px 40px rgba(67, 43, 25, 0.06);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 12px;
    
    --grad-start: #f6f0e8;
    --grad-end: #e6dbce;
    --btn-text: #ffffff;
    --input-bg: rgba(255, 255, 255, 0.6);
    --btn-secondary-bg: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] {
    color-scheme: dark;
    /* 进一步拉开背景与卡片的对比度 */
    --bg: #0d0b09; /* 更深的底色 */
    --bg-deep: #050403;
    --paper: rgba(35, 30, 26, 0.9); /* 稍微提亮卡片色 */
    --paper-strong: rgba(45, 40, 35, 0.98); /* 更明显的表面色 */
    --line: rgba(232, 225, 217, 0.1); /* 增强边框可见度 */
    --text: #dcd3c9;
    --muted: #8e8275;
    --accent: #e07a5f;
    --accent-soft: #3d2f26;
    --teal: #81b29a;
    --mustard: #f2cc8f;
    --berry: #9d8189;
    --shadow: 0 30px 70px rgba(0, 0, 0, 0.7); /* 加深阴影 */
    
    --grad-start: #14110e;
    --grad-end: #0a0807;
    --btn-text: #14110e;
    --input-bg: rgba(0, 0, 0, 0.25);
    --btn-secondary-bg: rgba(255, 255, 255, 0.08); /* 深色模式下使用微亮的半透明背景 */
}