/* =========================================================
   themes/dark.css — 深色主题（默认）
   变量已在 variables.css 中定义，此处为覆盖/补充
   ========================================================= */

[data-theme="dark"] {
    color-scheme: dark;
}

/* 针对深色主题的细节微调可以在此添加 */

/* =========================================================
   themes/light.css — 亮色主题（备用）
   ========================================================= */

[data-theme="light"] {
    color-scheme: light;

    --bg: #ffffff;
    --bg-secondary: #f7f7f8;
    --bg-tertiary: #ececef;

    --surface: #ffffff;
    --surface-hover: #f5f5f5;
    --surface-active: #ebebeb;

    --border: rgba(0, 0, 0, .10);
    --border-light: rgba(0, 0, 0, .06);

    --text: #1a1a1a;
    --text-secondary: #5a5a5a;
    --text-tertiary: #8d8d8d;
    --text-disabled: #b0b0b0;

    --primary: #10a37f;
    --primary-hover: #0d8a6e;

    --input-bg: #f7f7f8;
    --input-border: rgba(0, 0, 0, .10);
    --input-focus: #10a37f;

    --button-bg: #f0f0f0;
    --button-hover: #e5e5e5;
    --button-active: #d9d9d9;

    --button-primary-bg: #10a37f;
    --button-primary-text: #ffffff;
    --button-primary-hover: #0d8a6e;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, .10);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, .14);

    --code-bg: #f5f5f5;
    --code-border: rgba(0, 0, 0, .08);

    --bubble-user: #f7f7f8;
    --bubble-border: rgba(0, 0, 0, .08);
}