/* ====== 主题变量配置 ====== */

:root {
    /* 基础尺寸 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    
    --code-font-size: 0.875em;
    --searchbar-margin-block-start: 5px;
    
    /* 主色调 - 绿色主题 */
    --sidebar-bg: #f5f5f0;
    --page-bg: #FFFFFF;
    --text-color: #1a1a1a;
    --link-color: #228B22;
    --heading-color: #3D3274;
    --bg: #FFFFFF;
    
    /* 侧边栏相关 */
    --sidebar-target-width: 140px;
    --sidebar-width: min(var(--sidebar-target-width), 80vw);
    --sidebar-resize-indicator-width: 8px;
    --sidebar-resize-indicator-space: 2px;
    --page-padding: calc(100vw / 10);
    --content-max-width: calc(100vw - (100vw / 10) * 2);
    
    /* 内容区域 */
    --content-bg: #FFFFFF;
    --inline-code-bg: rgba(175, 184, 193, 0.2);
    
    /* 文字颜色 */
    --fg: #1a1a1a;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #8a8a8a;
    --sidebar-fg: #1a1a1a;
    --sidebar-non-existant: #228B22;
    --sidebar-active: #228B22;
    --sidebar-spacer: #E8F5E8;
    --sidebar-header-border-color: #228B22;
    --sidebar-scrollbox-padding-top: 4em;
    
    /* 菜单栏 */
    --menu-bar-bg: #b7b397;
    --menu-bar-border: #b7b397;
    
    /* 代码块 */
    --code-bg: #f6f6f6;
    --code-fg: #333333;
    --code-border-color: #e5e5e5;
    
    /* 表格 */
    --table-border-color: #dddddd;
    --table-row-odd-bg: #f9f9f9;
    --table-row-hover-bg: #f5f5f5;
    
    /* 警告/提示框 */
    --warning-border: #ffc107;
    --warning-bg: #fff3cd;
    
    /* 引用 */
    --quote-bg: rgba(34, 139, 34, 0.05);
    --quote-border: #228B22;
    
    /* 按钮 */
    --button-bg: #228B22;
    --button-hover-bg: #1a6b1a;
    --button-fg: #ffffff;
    
    /* 滚动条 */
    --scrollbar: #cccccc;
    --scrollbar-hover: #999999;
    
    /* 高亮 */
    --highlight: #ffff00;
    --footnote-highlight: rgba(34, 139, 34, 0.1);
    
    /* 主题色 */
    --primary: #228B22;
    --theme-hover: rgba(34, 139, 34, 0.1);
    --theme-popup-border: #228B22;
    --icons: #323827;
    --icons-hover: #323827;
}