/* ============================================================
   WLinfoBlue - CSS Variables
   全站设计令牌（Design Tokens）
   ============================================================ */

:root {
  /* ----------------------------------------------------------
     背景色
     ---------------------------------------------------------- */
  --bg-primary: #FAF9F7;        /* 暖奶白基底 */
  --bg-card: #FFFFFF;           /* 卡片白底 */
  --bg-footer: #E8F0F8;         /* 页脚淡蓝 */

  /* ----------------------------------------------------------
     主色
     ---------------------------------------------------------- */
  --primary: #7BA7D9;           /* 淡蓝色主色 */
  --primary-hover: #6A96C9;     /* 悬浮加深 */
  --primary-light: rgba(123, 167, 217, 0.08);  /* 极淡蓝背景 */

  /* ----------------------------------------------------------
     文字色
     ---------------------------------------------------------- */
  --text-primary: #4A4A4A;      /* 深暖灰正文 */
  --text-secondary: #6B6B6B;    /* 次要文字 */
  --text-tertiary: #999999;     /* 辅助文字（时间/简介） */
  --text-inverse: #FFFFFF;      /* 反色文字 */
  --text-footer-name: #7BA7D9;          /* 页脚站点名称（主色蓝） */
  --text-footer-info: #6B6B6B;          /* 页脚标语/版权（深灰） */

  /* ----------------------------------------------------------
     点缀色
     ---------------------------------------------------------- */
  --accent: #F5A623;            /* 暖橘色（标签/按钮） */
  --accent-hover: #E09518;

  /* ----------------------------------------------------------
     边框与阴影
     ---------------------------------------------------------- */
  --border-light: rgba(0, 0, 0, 0.06);
  --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.1);

  /* ----------------------------------------------------------
     字号层级
     ---------------------------------------------------------- */
  --text-h1: 36px;      /* Banner 主标题 */
  --text-h2: 28px;      /* 页面大标题 */
  --text-h3: 22px;      /* 栏目标题 */
  --text-h4: 18px;      /* 文章标题 */
  --text-body: 16px;    /* 正文内容 */
  --text-small: 14px;   /* 简介、备注 */
  --text-tiny: 12px;    /* 日期、标签 */

  /* ----------------------------------------------------------
     字重
     ---------------------------------------------------------- */
  --font-thin: 300;      /* 时间、简介、备注小字（细体） */
  --font-normal: 400;    /* 正文内容、Banner 英文站名（常规） */
  --font-medium: 500;    /* 中等 */
  --font-semibold: 600;  /* 栏目标题、文章标题（半粗） */
  --font-bold: 700;      /* 网站大标题、Banner 中文站名（粗体） */

  /* ----------------------------------------------------------
     行距
     ---------------------------------------------------------- */
  --line-height-tight: 1.3;    /* 标题行距 */
  --line-height-normal: 1.6;   /* 正文行距 */
  --line-height-loose: 1.8;    /* 宽松阅读行距 */

  /* ----------------------------------------------------------
     间距
     ---------------------------------------------------------- */
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 20px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;

  /* ----------------------------------------------------------
     圆角
     ---------------------------------------------------------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* ----------------------------------------------------------
     过渡
     ---------------------------------------------------------- */
  --transition-fast: 0.2s ease;

  /* ----------------------------------------------------------
     版心
     ---------------------------------------------------------- */
  --content-width: 1200px;
  --sidebar-width: 300px;
  --main-width: calc(var(--content-width) - var(--sidebar-width) - var(--spacing-md));

  /* ----------------------------------------------------------
     导航栏高度
     ---------------------------------------------------------- */
  --nav-height: 60px;
}