/* ============================================================
   EarthOS · 品牌变量映射层（brand → 站点中性层）
   - 上游：brand/final/tokens.css（A，只读副本 assets/css/brand-tokens.css）
           brand/final/tokens-b.css（B，只读副本 assets/css/brand-tokens-b.css）
   - 这一层只把站点的 --c-* / --font-* / --r-* 映射到 --eos-*，
     不改任何组件结构与类名；换方向只切 data-theme。
   - 载入顺序：brand-tokens.css → brand-tokens-b.css → tokens.css
               → brand-map.css → base/components/site
   - 用法：官网默认为 A（<html data-theme="a">）；局部 B 用
     <section data-theme="b"> 包裹内容容器（页眉/页脚/Hero 永远用 A）。
   ============================================================ */

[data-theme="a"] {
  /* ---- 纸面 ---- */
  --c-paper: var(--eos-bg, #faf4e8);
  --c-paper-2: var(--eos-surface, #fffdf8);
  --c-paper-3: var(--eos-surface, #fffdf8);
  --c-sand: var(--eos-surface-2, #f4eada);
  --c-sand-2: var(--eos-surface-3, #efe2cb);

  /* ---- 墨 ---- */
  --c-ink: var(--eos-ink, #1f1a21);
  --c-ink-2: var(--eos-ink-2, #4a3f35);
  --c-ink-3: var(--eos-ink-3, #6b5f52);
  --c-ink-4: var(--eos-ink-4, #8c7f6e);

  /* ---- 线 ---- */
  --c-line: var(--eos-line, rgba(31, 26, 33, 0.14));
  --c-line-2: var(--eos-line-strong, rgba(31, 26, 33, 0.28));
  --c-line-3: rgba(31, 26, 33, 0.42);

  /* ---- 强调：火种金 ---- */
  --c-gold: var(--eos-accent, #c08a3e);
  --c-gold-deep: var(--eos-accent-ink, #8a6b3e);
  --c-gold-soft: #f0e3cb;
  --c-gold-wash: rgba(192, 138, 62, 0.1);
  --c-focus: var(--eos-accent, #c08a3e);

  /* ---- 语义 ---- */
  --c-success: var(--eos-success, #5c6b45);
  --c-success-soft: #e9eddf;
  --c-warn: var(--eos-warning, #c08a3e);
  --c-warn-soft: #f7ead4;
  --c-danger: var(--eos-danger, #a9552f);
  --c-danger-soft: #f5e3da;
  --c-info: #4f5f66;
  --c-info-soft: #e8ecea;

  /* ---- 字体：正文无衬线 / 标题宋体 / 英文 Georgia italic ---- */
  --font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
    "HarmonyOS Sans SC", system-ui, -apple-system, sans-serif;
  --font-serif: "STZhongsong", "Songti SC", "Noto Serif SC", "SimSun", "STSong",
    Georgia, serif;
  --font-serif-en: Georgia, "Times New Roman", "Songti SC", serif;
  --font-mono: "Cascadia Code", Consolas, "SFMono-Regular", "Courier New", monospace;

  /* ---- 版式节奏微调（A 方向更疏朗） ---- */
  --fs-display: clamp(44px, 5.6vw, 82px);
  --lh-tight: 1.18;
  --tracking-label: 0.24em;

  /* ---- 圆角与阴影：A 方向近直角、阴影极淡 ---- */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;
  --shadow-1: 0 20px 40px -30px rgba(31, 26, 33, 0.35);
  --shadow-2: 0 2px 6px rgba(31, 26, 33, 0.04), 0 22px 48px -26px rgba(31, 26, 33, 0.26);
  --shadow-3: 0 4px 12px rgba(31, 26, 33, 0.05), 0 40px 80px -40px rgba(31, 26, 33, 0.34);
}

/* ============================================================
   方向 B「经线 · 轨道」：产品/数据侧语言。
   只用在内容容器（注册表单区、/me、/admin、数据表、架构页）。
   页眉、页脚、首屏 Hero 永远保持 A。
   ============================================================ */

[data-theme="b"] {
  /* ---- 纸面：暖白 → 冷灰绿 ---- */
  --c-paper: var(--eos-bg, #faf8f3);
  --c-paper-2: var(--eos-surface, #fffefa);
  --c-paper-3: var(--eos-surface, #fffefa);
  --c-sand: var(--eos-surface-2, #f1f1e8);
  --c-sand-2: var(--eos-surface-3, #e8e0cf);

  /* ---- 墨：偏青的深色 ---- */
  --c-ink: var(--eos-ink, #1b2422);
  --c-ink-2: var(--eos-ink-2, #33403c);
  --c-ink-3: var(--eos-ink-3, #4e5b57);
  --c-ink-4: var(--eos-ink-4, #6e7a76);

  /* ---- 线 ---- */
  --c-line: var(--eos-line, rgba(27, 36, 34, 0.15));
  --c-line-2: var(--eos-line-strong, rgba(27, 36, 34, 0.3));
  --c-line-3: rgba(27, 36, 34, 0.44);

  /* ---- 强调：地球青 + 信号金 ---- */
  --c-teal: var(--eos-teal, #1f5c55);
  --c-teal-deep: var(--eos-teal-deep, #143f3b);
  --c-moss: var(--eos-moss, #7c9a8a);
  --c-gold: var(--eos-teal, #1f5c55);
  --c-gold-deep: var(--eos-teal-deep, #143f3b);
  --c-gold-soft: #dde7e1;
  --c-gold-wash: rgba(31, 92, 85, 0.08);
  --c-focus: var(--eos-teal, #1f5c55);
  --c-signal: var(--eos-accent, #c08a3e);

  /* ---- 语义 ---- */
  --c-success: var(--eos-success, #1f5c55);
  --c-success-soft: #e2ece8;
  --c-warn: var(--eos-warning, #c08a3e);
  --c-warn-soft: #f5ecdc;
  --c-danger: var(--eos-danger, #a9552f);
  --c-danger-soft: #f3e4dc;
  --c-info: var(--eos-teal, #1f5c55);
  --c-info-soft: #e4ecea;

  /* ---- B 的网格底纹（15° 经线感），给数据容器用 ---- */
  --b-grid-line: var(--eos-grid-line, rgba(174, 182, 166, 0.5));
}

/* B 容器：数据侧底纹与块级留白。不改变结构，只作用于被包裹区域。 */
[data-theme="b"].eos-block,
section[data-theme="b"] {
  background-color: var(--c-paper);
  background-image:
    linear-gradient(to right, var(--b-grid-line, rgba(174, 182, 166, 0.5)) 1px, transparent 1px),
    linear-gradient(to bottom, var(--b-grid-line, rgba(174, 182, 166, 0.5)) 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: center top;
}

/* 嵌套在 B 里的卡片不要继承底纹，保持干净。 */
[data-theme="b"] .card,
[data-theme="b"] .auth-card,
[data-theme="b"] .account-card,
[data-theme="b"] .admin-section,
[data-theme="b"] .table-wrap {
  background-image: none;
}