/* 皮肤「云与灰」：深色。只用黑、白、灰，不用任何彩色 */

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

    --color-bg: #171717;
    --color-bg-secondary: #1f1f1f;
    --color-bg-tertiary: #2a2a2a;
    --color-bg-muted: #242424;
    --color-bg-hover: #333333;
    --color-surface-alt: #1f1f1f;
    --color-text: #e8e8e8;
    --color-text-secondary: #bdbdbd;
    --color-text-muted: #a3a3a3;

    --color-primary: #e8e8e8;
    --color-primary-light: #c7c7c7;
    --color-primary-dark: #ffffff;
    --color-on-primary: #171717;

    --color-accent: #e8e8e8;
    --color-accent-bg: #333333;
    --color-accent-hover: #3d3d3d;

    --color-success: #d0d0d0;
    --color-warning: #d0d0d0;
    --color-danger: #f0f0f0;
    --color-info: #d0d0d0;
    --color-success-bg: #3d3d3d;
    --color-warning-bg: #4a4a4a;
    --color-danger-bg: #5c5c5c;
    --color-info-bg: #3d3d3d;
    --color-on-fill: #ffffff;
    --color-on-warning-bg: #f5f5f5;
    --color-warning-light: #2b2b2b;
    --color-danger-light: #333333;

    --color-dialog: #d6d6d6;
    --color-italic: #a3a3a3;
    --color-thinking: #a3a3a3;

    --border-color: #383838;
    --border-color-light: #2d2d2d;
    --color-border: #383838;
    --control-border: #7a7a7a;

    --color-overlay: rgba(0, 0, 0, 0.65);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.6);

    --scrollbar-thumb: #4d4d4d;
    --scrollbar-thumb-hover: #6e6e6e;
    --code-bg: #262626;
    --quote-line: #8a8a8a;
}

/* 调试页尚未提供深色配色，整页保持浅色 */
#page-debug {
    color-scheme: light;
    color: #1f1f1f;
    --color-bg: #ffffff;
    --color-bg-secondary: #f5f5f5;
    --color-bg-tertiary: #ebebeb;
    --color-bg-muted: #f0f0f0;
    --color-bg-hover: #e3e3e3;
    --color-text: #1f1f1f;
    --color-text-secondary: #4a4a4a;
    --color-text-muted: #636363;
    --color-primary: #262626;
    --color-primary-light: #4d4d4d;
    --color-primary-dark: #000000;
    --color-on-primary: #ffffff;
    --color-accent: #262626;
    --color-accent-bg: #e6e6e6;
    --color-accent-hover: #d6d6d6;
    --color-success: #333333;
    --color-warning: #333333;
    --color-danger: #1f1f1f;
    --color-danger-light: #e8e8e8;
    --color-info: #333333;
    --border-color: #dedede;
    --border-color-light: #e9e9e9;
    --color-border: #dedede;
    --control-border: #8a8a8a;
    --scrollbar-thumb: #bdbdbd;
    --scrollbar-thumb-hover: #929292;
    --code-bg: #efefef;
}