/**
 * ImmiForYou · Base Design Tokens · CSS 变量统一层
 *
 * 作用:全站 CSS 变量 SSOT(Single Source of Truth)
 * 覆盖:62 国家页 + news/*.md + index/about/diagnosis/membership 所有独立页
 *
 * 建立日:2026-04-22 · Stage 0.2a · Claude
 * 参考来源:合并 country.css + membership.html 权威值
 *
 * 使用:HTML <head> 加 <link rel="stylesheet" href="/css/base.css">
 *      可在 country.css / news-article.css 之前引入
 *      独立页面可继续有 inline <style> · base.css 只管 tokens 层
 *      页面样式级 CSS 仍可 override
 *
 * 变量优先级:
 *      base.css(tokens)
 *        < country.css / news-article.css(组件层)
 *        < 页面 inline style(特例层)
 */

:root{
  /* ═══════ 品牌主色 · Brand ═══════ */
  --gold: #b07d2a;          /* 金色 · 品牌主色 · 价格 / 重点 / CTA */
  --gold-light: #faf3e0;    /* 金色浅 · 背景 / 标签 */
  --gold-mid: #c8951a;      /* 金色中 · hover 态 */

  /* ═══════ 墨色 · Neutral · 文字层级 ═══════ */
  --ink: #1d1d1f;           /* 主文字色 */
  --ink-soft: #6e6e73;      /* 次要文字 */
  --ink-muted: #a1a1a6;     /* 弱化文字 · metadata */

  /* ═══════ 纸色 · Paper · 背景层级 ═══════ */
  --paper: #f5f5f7;         /* 主背景 */
  --paper-warm: #ffffff;    /* 卡片 / 高亮背景 */
  --paper-mid: #e8e8ed;     /* 分隔 / 浅背景 */

  /* ═══════ 语义色 · Semantic ═══════ */
  --green: #1a5c35;         /* 正面 / 推荐 / 成功 */
  --green-light: #e8f5ee;   /* 绿色背景 */
  --red: #8b1a1a;           /* 警告 / 困难 / 错误 */
  --red-light: #fdf0f0;     /* 红色背景 */
  --blue: #1a3f6f;          /* 信息 / 链接 */
  --blue-mid: #2a5fa8;      /* 蓝色 hover */
  --blue-light: #e8f0fc;    /* 蓝色背景 */
  --amber: #7c4d00;         /* 注意 / 提醒 */
  --amber-light: #fef3e0;   /* 琥珀背景 */

  /* ═══════ 边框 · Border ═══════ */
  --border: rgba(28,26,22,0.10);        /* 标准边框 */
  --border-mid: rgba(28,26,22,0.18);    /* 强化边框 */
  --border-strong: rgba(28,26,22,0.28); /* 最强边框 */

  /* ═══════ 圆角 · Radius ═══════ */
  --r-sm: 6px;              /* 小组件 / 标签 / 小按钮 */
  --r-md: 10px;             /* 卡片 / 中等按钮 */
  --r-lg: 16px;             /* 大块 · Hero · Section 容器 */

  /* ═══════ 阴影 · Shadow ═══════ */
  --shadow-sm: 0 2px 8px rgba(28,26,22,0.06);   /* 轻微抬升 */
  --shadow-md: 0 4px 20px rgba(28,26,22,0.10);  /* 卡片 hover */
  --shadow-lg: 0 8px 40px rgba(28,26,22,0.12);  /* 模态 / 特别强调 */

  /* ═══════ 字体 · Font ═══════ */
  --font-serif: 'Noto Serif SC', serif;        /* 中文标题 · 衬线 */
  --font-sans: 'DM Sans', sans-serif;          /* 正文 · 无衬线 */
  --font-display: 'Playfair Display', serif;   /* 数字 / 价格 · 展示 */
}
