/* ============================================================
   GBlog-Go 公共基础层 — 设计令牌默认值
   主题层通过 :root 覆盖这些变量来实现不同风格
   ============================================================ */

:root {
  /* --- 字体族 --- */
  --font-sans: system-ui, -apple-system, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Noto Sans CJK SC", sans-serif;
  --font-display: Georgia, "Times New Roman", "Songti SC", SimSun, "Noto Serif CJK SC", serif;
  --font-mono: "SF Mono", Consolas, Menlo, "Cascadia Code", "JetBrains Mono", "Fira Code", monospace;

  /* --- 缓动函数 --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- 布局尺寸 --- */
  --maxw: 960px;
  --header-h: 64px;
  --r-sm: 8px;
  --r: 14px;
  --r-lg: 20px;

  /* --- 默认配色（主题应覆盖） --- */
  --bg: #08080a;
  --header-bg: #08080a;
  --footer-bg: #08080a;
  --surface: #131318;
  --surface-2: #1e1e26;
  --surface-3: #2e2e38;
  --text: #c8c8d4;
  --text-soft: #9e9eaf;
  --text-faint: #6b6b7b;
  --border: #1e1e26;
  --accent: #d4a04a;
  --accent-2: #a78bfa;
  --bg-image: none;
  --bg-size: cover;
  --bg-attachment: fixed;
  --bg-overlay: 0.5;
  --danger: #e85d5d;
  --success: #4cd964;
  --info: #5b9eff;

  /* --- 阴影 --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.12);
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.28);

  /* --- 过渡 --- */
  --transition: 0.3s var(--ease);

  /* --- 移动端（@media 内使用） --- */
  --mobile-font: 15px;       /* 移动端基础字号 */
  --mobile-pad: 16px;        /* 移动端内容边距 */
  --mobile-gap: 14px;        /* 移动端元素间距 */
  --mobile-cover-h: 160px;   /* 移动端封面图高度 */
  --mobile-nav-height: 64px;  /* 移动端导航栏高度 */
  --mobile-hero-title: 32px;  /* 移动端英雄标题大小 */
  --mobile-card-gap: 16px;   /* 移动端卡片间距 */

  /* --- 字体与排版 --- */
  --font-size: 16px;         /* 正文字号 */
  --line-height: 1.85;       /* 正文行高 */

  /* --- 导航栏 --- */
  --nav-opacity: 55%;        /* 导航栏透明度 */

  /* --- 动画 --- */
  --anim-speed: 0.8s;        /* 入场动画速度 */

  /* --- 字体引用（主题可覆盖） --- */
  --font-body: var(--font-sans);  /* 正文字体族，默认引用 --font-sans */

  /* --- 导航栏尺寸 --- */
  --nav-height: 72px;        /* 导航栏高度 */

  /* --- 额外缓动 --- */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);

  /* --- 玻璃拟态 --- */
  --glass-bg: color-mix(in srgb, var(--surface) 55%, transparent);
  --glass-border: rgba(255,255,255,0.07);

  /* --- 主题阴影（可覆盖） --- */
  --shadow-card: 0 4px 24px rgba(0,0,0,0.12);
  --shadow-hover: 0 20px 60px rgba(0,0,0,0.28);

  /* --- z-index 层级体系 --- */
  --z-bg: -2;           /* 背景层 */
  --z-base: 0;          /* 常规内容 */
  --z-card: 1;          /* 卡片悬浮 */
  --z-sticky: 100;      /* 吸顶元素 */
  --z-header: 1000;     /* 导航栏 */
  --z-announcement: 1001; /* 公告栏 */
  --z-dropdown: 1100;   /* 下拉菜单/搜索 */
  --z-modal: 1200;      /* 模态框/lightbox */
  --z-toast: 1300;      /* 通知提示 */

  /* --- 间距体系（4px 基准） --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* --- 浅色模式独立配色 --- */
  --light-bg: #f7f7fa;
  --light-surface: #ffffff;
  --light-text: #2a2a35;
  --light-accent: #d4a04a;

  /* --- 公告栏 --- */
  --announcement-bg: #d4a04a;
  --announcement-text: #ffffff;
}