/* 皮肤「云与灰」：浅色（默认）。只用黑、白、灰，不用任何彩色 */

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

    --color-bg: #ffffff;
    --color-bg-secondary: #f5f5f5;
    --color-bg-tertiary: #ebebeb;
    --color-bg-muted: #f0f0f0;
    --color-bg-hover: #e3e3e3;
    --color-surface-alt: #f5f5f5;
    --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-info: #333333;
    --color-success-bg: #4a4a4a;
    --color-warning-bg: #dedede;
    --color-danger-bg: #1f1f1f;
    --color-info-bg: #4a4a4a;
    --color-on-fill: #ffffff;
    --color-on-warning-bg: #1f1f1f;
    --color-warning-light: #f2f2f2;
    --color-danger-light: #e8e8e8;

    --color-dialog: #3d3d3d;
    --color-italic: #636363;
    --color-thinking: #636363;

    --border-color: #dedede;
    --border-color-light: #e9e9e9;
    --color-border: #dedede;
    --control-border: #8a8a8a;

    --color-overlay: rgba(0, 0, 0, 0.5);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.14);
    --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.2);

    --scrollbar-thumb: #bdbdbd;
    --scrollbar-thumb-hover: #929292;
    --code-bg: #efefef;
    --quote-line: #9e9e9e;
}