/* ============================================================
   jlrcoding.com 全站主题（唯一真源 · 2026-11-04 墨绿版）
   深色基调 = 路虎墨绿；品牌点缀 = BMW 蓝
   用法：新页面 <link rel="stylesheet" href="/assets/theme.css">
   或复制 :root 变量块内联。改动后必须同步：
     1) 工作区 jlrcoding-home-bmw/theme.css（本文件）
     2) 服务器 /var/www/jlrcoding-com/assets/theme.css
     3) mon-01 /opt/theme-guard/theme-guard-run.sh 特征值清单
   ============================================================ */
:root {
  /* ===== 背景层 ===== */
  --color-bg: #ffffff;          /* 页面主背景 */
  --color-surface: #f7f7f7;     /* 浅灰面：页脚、文章头、卡片区 */
  --color-surface-2: #ffffff;   /* 纯白面 */

  /* ===== 深色基调（路虎墨绿，2026-11-04 起替代旧墨青 #1a2129）===== */
  --color-dark: #1e3a2c;        /* 墨绿主色：深色区块、导航栏、覆盖层 */
  --color-dark-mid: #2a4a3a;    /* 墨绿中间调：渐变中段 */
  /* 覆盖层写法：linear-gradient(rgba(30,58,44,.75), rgba(30,58,44,.88)), url(...) */

  /* ===== 品牌蓝三阶（按钮/链接/强调，保持不变）===== */
  --color-primary: #1c69d4;
  --color-primary-dark: #0653b6;
  --color-primary-light: #4d8ce0;

  /* ===== 文字 ===== */
  --color-text: #262626;        /* 正文 */
  --color-text-muted: #6b6b6b;  /* 次要文字 */
  --color-text-on-dark: #ffffff;    /* 深底上的主文字 */
  --color-text-on-dark-soft: #d6d6d6; /* 深底上的次要文字 */

  /* ===== 线条 ===== */
  --color-border: #e6e6e6;
  --color-border-light: #cccccc;

  /* ===== 语义色 ===== */
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;

  /* ===== 辅助规范 ===== */
  --font-sans: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace;
  --radius: 8px;
  --radius-lg: 14px;
  --max-width: 1200px;
  --transition: 0.25s ease;
}

/* ===== 结构件速用 ===== */
/* 粘性导航栏（墨绿版） */
.navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(30, 58, 44, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--color-border);
}
.navbar a, .navbar button { color: var(--color-text-on-dark-soft); }
.navbar a:hover, .navbar button:hover { color: var(--color-text-on-dark); }

/* 页头横幅（墨绿覆盖层 + 背景图，白字） */
.page-header {
  background: linear-gradient(rgba(30, 58, 44, 0.75), rgba(30, 58, 44, 0.88)),
              url('/assets/banner-chassis.png');
  background-size: cover;
  background-position: center;
  color: var(--color-text-on-dark);
}

/* 页脚（浅灰面） */
.footer {
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
}