/* ------------------------------------
 * Typecho Default Theme - 全局变量
/* ------------------
 * 颜色变量
 * --------------- */
/* 定义苍耳柔黑字体文件（放在 :root 外面） */
@font-face {
    font-family: 'CangErRouHei';
    src: url('fonts/cangerouhei.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 基础颜色 */
:root {

  /* ---------------背景颜色 ---------------*/
  --bg-primary: #FFF; /* 页面背景色 */
  --bg-secondary: #F7F7F7; /* 奇数评论背景色 */
  --bg-light: #FFF9E8; /* 作者评论背景色 */
  --bg-table: #F3F3F3; /* 浅色背景，如代码块、表格头部 */
  --bg-darkest: #000;
  --bg-dark: #454545; /*按钮背景*/
  --bg-soft: #666;   /* 分页背景 */

  /* ---------------文本颜色--------------- */
  --text-primary: #666; /* 主要标题，一级导航颜色 */
  --text-secondary: #999; /* 分类 标题 二级 栏目 文本颜色 */
  --text-light:#999; /*摘要内容文字颜色*/
  --text-content:#666; /*内容文字颜色*/
  --text-muted: #d6d6d6; /* 应用范围：文章列表和文章详情页面的作者、时间、分类等信息  */
  --text-white: #FFF; /* 白色文本颜色 */
  --text-accent:#000; /* 高亮文本颜色 */

  
  /* 链接颜色 */
  --color-link: #c2c2c2; /* 链接默认颜色 */
  --color-link-hover: #000; /* 链接悬停颜色 */
  --color-link-blue:#0000FF;
  
  
  /* 边框颜色 */
 
  --color-border: #EEE; /* 主要边框颜色 */
  --color-border-bright: #000; /* 高亮边框颜色 */
  --color-border-light: #EBEBEB; /* 次要边框颜色 */
  
  /* 特殊颜色 */
  --color-danger: #C00; /* 错误/必填项颜色 */
  --color-success: #4CAF50; /* 成功颜色 */
  --color-warning: #FF9800; /* 警告颜色 */
  --color-info: #2196F3; /* 信息颜色 */
  
  /*盒阴影*/
  --box-shadow-red: 0 0 8px rgba(255, 0, 0, 0.5);
}

/* ------------------
 * 字体变量
 * --------------- */

:root {
  /* 字体家族 - 全局统一使用无衬线字体 */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-code: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;
  /* 标题字体：苍耳柔黑（已整合） */
  --font-heading: 'CangErRouHei', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  /* 字体大小 */
  --font-size-base: 87.5%; /* 基础字体大小 */
  --font-size-small: .92857em; /* 小字体大小，如评论元数据 */
  --font-size-large: 1.28571em; /* 大字体大小，如文章内容中的h2 */
  --font-size-xl: 1.4em; /* 超大字体大小，如文章标题 */
  --font-size-xxl: 2.5em; /* 标题字体大小，如网站Logo */
  
  /* 行高 */
  --line-height-base: 1.5; /* 基础行高 */
  --line-height-heading: 1.2; /* 标题行高 */
}

/* ------------------
 * 尺寸变量
 * --------------- */

:root {
  /* 边框半径 */
  --border-radius: 2px; /* 基础边框圆角 */
  
  /* 最大高度 */
  --max-height-code: 400px; /* 代码块最大高度 */
  
  /* 按钮尺寸 */
  --button-height-sm: 24px; /* 小按钮高度，如搜索按钮 */
  --button-height-md: 30px; /* 中等按钮高度，如分页按钮 */
  --button-height-lg: 32px; /* 大按钮高度，如导航按钮 */
}

/* ------------------
 * 间距变量
 * --------------- */

:root {
  /* 内边距 */
  --padding-xs: 2px 4px; /* 极小内边距，如代码 */
  --padding-sm: 6px; /* 小内边距，如输入框 */
  --padding-md: 8px; /* 中等内边距，如代码块 */
  --padding-lg: 12px; /* 大内边距，如表格单元格 */
  --padding-xl: 15px; /* 超大内边距，如评论 */
  --padding-xxl: 20px; /* 特大内边距，如文章 */
  
  /* 外边距 */
  --margin-xs: 3px; /* 极小外边距 */
  --margin-sm: 5px; /* 小外边距，如小部件列表项 */
  --margin-md: 10px; /* 中等外边距，如评论项 */
  --margin-lg: 15px; /* 大内边距，如搜索框 */
  --margin-xl: 25px; /* 超大外边距，如导航菜单 */
  --margin-xxl: 35px; /* 特大外边距，如页头 */
  
  /* 特殊间距 */
  --space-header: 35px 0 0; /* 页头内边距 */
  --space-post: 15px 0 20px; /* 文章内边距 */
  --space-footer: 3em 0; /* 页脚内边距 */
  --space-error: 100px 0; /* 错误页面外边距 */
}

/* ------------------
 * 其他变量
 * --------------- */

:root {

  /* 动画 */
  --transition-speed: 0.3s; /* 过渡动画速度 */

  /* 断点 - 重构版 */
  --breakpoint-sm: 767px;   /* 移动端断点 */
  --breakpoint-md: 768px;    /* 平板断点 */
  --breakpoint-lg: 992px;    /* 小桌面断点 */
  --breakpoint-xl: 1280px;   /* 大桌面断点 */
  --breakpoint-xxl: 1440px;  /* 超大屏幕断点 */
  
}