/* CSS 变量定义 */
:root {
    /* 现代深色配色 */
    --bg-primary: #0a0e14;
    --bg-secondary: #151921;
    --bg-tertiary: #1f2430;
    --card-bg: #1a1f2e;
    --card-hover: #1f2430;
    --bg-input: #242936;
    --bg-input-focus: #2a2f3e;

    /* 文字颜色 */
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
    --text-muted: #65676b;
    --text-disabled: #4e5058;

    /* 强调色 */
    --accent-primary: #4493f8;
    --accent-hover: #5ba3ff;
    --accent-active: #3982e6;
    --accent-gold: #d4af37;
    --accent-gold-hover: #e0c050;

    /* 状态色 */
    --success: #3ba55d;
    --warning: #f59e42;
    --error: #ed4245;
    --info: #4493f8;

    /* 边框和分割线 */
    --border-color: #2f3338;
    --border-hover: #3c4043;
    --divider: #2a2d32;
    --border-dashed: rgba(68, 147, 248, 0.35);

    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
    --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.4);

    /* 圆角 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
}