:root {
    --color-body-bg: #f7f7f2;

    --color-text: #4b5362;
    --color-text-secondary: var(--color-text);

    --color-bg: var(--color-body-bg);

    --color-border: #000;
    --color-border-secondary: #a7a7a7;

    /***************************************************************************
        容器
    ***************************************************************************/

    --layout-container-max-width: 782px;
    --layout-container-padding: 1rem 16px 2rem 16px;

    /***************************************************************************
        顶部
    ***************************************************************************/

    --color-header-border: var(--color-border);

    /***************************************************************************
        底部
    ***************************************************************************/

    --color-footer-border: var(--color-border);

    /***************************************************************************
        LOGO
    ***************************************************************************/

    --color-logo-border: var(--color-border);
    --color-logo-bg: var(--color-bg);

    /***************************************************************************
        面包屑导航栏
    ***************************************************************************/

    --color-breadcrumb-delimiter: var(--color-text);
    --color-breadcrumb-disabled: var(--color-text);

    /***************************************************************************
        菜单
    ***************************************************************************/

    --color-menu-delimiter: var(--color-text);
    --color-menu-disabled: var(--color-text);

    /***************************************************************************
        链接
    ***************************************************************************/

    --color-link: rgb(9, 74, 206);
    --color-link-hover: rgb(9, 74, 206);
    --color-link-active: #013889;

    --color-link-visited: #7c1cc4;
    --color-link-visited-hover: #7c1cc4;
    --color-link-visited-active: #4a0a75;

    --color-link-disabled: var(--color-text);
    --color-link-disabled-hover: var(--color-text);
    --color-link-disabled-active: #000;

    /***************************************************************************
        按钮
    ***************************************************************************/

    --color-btn-text: var(--color-text);
    --color-btn-bg: var(--color-bg);
    --color-btn-border: var(--color-border);
    --color-btn-hover-text: var(--color-text);
    --color-btn-hover-bg: #ecf0f5;
    --color-btn-hover-border: var(--color-border);
    --color-btn-active-text: var(--color-text);
    --color-btn-active-bg: var(--color-bg);
    --color-btn-active-border: var(--color-border);

    --color-btn-danger-text: #fff;
    --color-btn-danger-bg: #dc3545;
    --color-btn-danger-border: var(--color-border);
    --color-btn-danger-hover-text: #fff;
    --color-btn-danger-hover-bg: #bb2d3b;
    --color-btn-danger-hover-border: var(--color-border);
    --color-btn-danger-active-text: #fff;
    --color-btn-danger-active-bg: #dc3545;
    --color-btn-danger-active-border: var(--color-border);

    --color-btn-light-text: var(--color-text);
    --color-btn-light-bg: #fff;
    --color-btn-light-border: var(--color-border);
    --color-btn-light-hover-text: var(--color-text);
    --color-btn-light-hover-bg: var(--color-bg);
    --color-btn-light-hover-border: var(--color-border);
    --color-btn-light-active-text: var(--color-text);
    --color-btn-light-active-bg: #fff;
    --color-btn-light-active-border: var(--color-border);

    --layout-btn-font-size: 1rem;
    --layout-btn-border-size: 1px;
    --layout-btn-padding: 0.375rem 0.75rem;

    /***************************************************************************
        表单
    ***************************************************************************/

    --color-form-text: var(--color-text);
    --color-form-border: var(--color-border);

    --color-form-label-text: var(--color-form-text);
    --color-form-label-bg: var(--color-bg);

    /***************************************************************************
        错误提示框
    ***************************************************************************/

    --color-alert-bg: #fff3cd;
    --color-alert-border: #ffe69c;

    /***************************************************************************
        分页导航栏
    ***************************************************************************/

    --color-pagination-link-disabled: var(--color-text);

    /***************************************************************************
        文章列表
    ***************************************************************************/

    --color-article-list-date: var(--color-text-secondary);

    --color-article-hidden-link: rgb(15, 130, 5);
    --color-article-hidden-link-hover: rgb(15, 130, 5);
    --color-article-hidden-link-active: #0b6a04;

    --color-article-disabled-link: var(--color-link-disabled);
    --color-article-disabled-link-hover: var(--color-link-disabled-hover);
    --color-article-disabled-link-active: var(--color-link-disabled-active);

    /***************************************************************************
        Markdown
    ***************************************************************************/

    --color-md-text: var(--color-text);
    --color-md-title: rgb(9, 74, 206);
    --color-md-metadata: var(--color-text-secondary);

    --color-md-h-border: #e2e4e9;

    --color-md-hr: var(--color-border);
    --color-md-table-hover-bg: #eff0ee;
    --color-md-table-head-border: var(--color-border);
    --color-md-table-body-border: var(--color-border);

    --color-md-code-bg: #dfe6ee;
    --color-md-code-border: hsla(220, 93%, 42%, 0.3);

    --color-md-code-block-border: hsla(220, 93%, 42%, 0.3);
    --color-md-code-block-header-bg: var(--color-md-code-bg);
    --color-md-code-block-shadow: hsla(220, 93%, 42%, 0.07);

    --color-md-spoiler-bg: #dcdcdc;
    --color-md-spoiler-hover-text: var(--color-md-text);
    --color-md-spoiler-hover-bg: var(--color-md-spoiler-bg);

    --color-md-blockquote-border: rgb(9, 74, 206);
    --color-md-blockquote-bg: #f1f6f9;

    --color-md-code-copy-hover-bg: #ecf0f5;
    --color-md-code-copy-active-bg: transparent;

    --color-md-checkbox-border: #9ca3af;
    --color-md-checkbox-bg: #f9fafb;
    --color-md-checkbox-checked-bg: #374151;

    --color-md-footnotes-text: var(--color-text-secondary);
    --color-md-footnotes-border: #e2e4e9;

    /***************************************************************************
        滚动条
    ***************************************************************************/

    --color-scrollbar-track-bg: #e5e7eb;
    --color-scrollbar-thumb-bg: #858585;
    --color-scrollbar-thumb-hover-bg: #6d6d6d;

    /***************************************************************************
        模态框
    ***************************************************************************/

    --color-modal-border: var(--color-border-secondary);
    --color-modal-bg: var(--color-body-bg);
    --color-modal-overlay: rgba(0, 0, 0, 0.5);

    --layout-modal-width: 90%;
    --layout-modal-max-width: calc(var(--layout-container-max-width) * 0.6);

    /***************************************************************************
        消息提示框
    ***************************************************************************/

    --color-tips-item-text: var(--color-text);
    --color-tips-item-bg: var(--color-bg);
    --color-tips-item-border: var(--color-border-secondary);

    --color-tips-item-success-text: #3c763d;
    --color-tips-item-success-bg: #dff0d8;
    --color-tips-item-success-border: #d6e9c6;

    --color-tips-item-warn-text: #8a6d3b;
    --color-tips-item-warn-bg: #fff3cd;
    --color-tips-item-warn-border: #ffe69c;

    --color-tips-item-error-text: #a94442;
    --color-tips-item-error-bg: #f2dede;
    --color-tips-item-error-border: #ebccd1;

    --color-tips-item-info-text: #31708f;
    --color-tips-item-info-bg: #d9edf7;
    --color-tips-item-info-border: #bce8f1;

    --layout-tips-item-width: 90%;
    --layout-tips-item-max-width: calc(var(--layout-container-max-width) * 0.6);

    /***************************************************************************
        分区线
    ***************************************************************************/

    --color-divider-line-text: var(--color-text);
    --color-divider-line-border: var(--color-border);
}

/* 类名选择器用于动态覆盖变量 (对应原 .btn-danger, .tips-item-success 等) */

.btn-danger {
    --color-btn-text: var(--color-btn-danger-text);
    --color-btn-bg: var(--color-btn-danger-bg);
    --color-btn-border: var(--color-btn-danger-border);
    --color-btn-hover-text: var(--color-btn-danger-hover-text);
    --color-btn-hover-bg: var(--color-btn-danger-hover-bg);
    --color-btn-hover-border: var(--color-btn-danger-hover-border);
    --color-btn-active-text: var(--color-btn-danger-active-text);
    --color-btn-active-bg: var(--color-btn-danger-active-bg);
    --color-btn-active-border: var(--color-btn-danger-active-border);
}

.btn-light {
    --color-btn-text: var(--color-btn-light-text);
    --color-btn-bg: var(--color-btn-light-bg);
    --color-btn-border: var(--color-btn-light-border);
    --color-btn-hover-text: var(--color-btn-light-hover-text);
    --color-btn-hover-bg: var(--color-btn-light-hover-bg);
    --color-btn-hover-border: var(--color-btn-light-hover-border);
    --color-btn-active-text: var(--color-btn-light-active-text);
    --color-btn-active-bg: var(--color-btn-light-active-bg);
    --color-btn-active-border: var(--color-btn-light-active-border);
}

.tips-item-success {
    --color-tips-item-text: var(--color-tips-item-success-text);
    --color-tips-item-bg: var(--color-tips-item-success-bg);
    --color-tips-item-border: var(--color-tips-item-success-border);
}

.tips-item-warn {
    --color-tips-item-text: var(--color-tips-item-warn-text);
    --color-tips-item-bg: var(--color-tips-item-warn-bg);
    --color-tips-item-border: var(--color-tips-item-warn-border);
}

.tips-item-error {
    --color-tips-item-text: var(--color-tips-item-error-text);
    --color-tips-item-bg: var(--color-tips-item-error-bg);
    --color-tips-item-border: var(--color-tips-item-error-border);
}

.tips-item-info {
    --color-tips-item-text: var(--color-tips-item-info-text);
    --color-tips-item-bg: var(--color-tips-item-info-bg);
    --color-tips-item-border: var(--color-tips-item-info-border);
}