/* ============================================================
   元我 MetaMe · 设计 Token（双主题）
   色彩严格遵循 需求设计.md §7.1；禁止在别处硬编码色值。
   ============================================================ */

:root,
[data-theme="paper"] {
  --paper: #F4F1EA;            /* 背景 */
  --paper-sunk: #EAE6DC;       /* 次级面 / 代码块底 */
  --ink: #1A1A1A;              /* 标题（15.4:1） */
  --ink-body: #33302B;         /* 正文（11.6:1） */
  --ink-muted: #6B665D;        /* 元信息（~4.9:1） */
  --clay: #C8643C;             /* 仅大标题/分割线/图标/色块（3.49:1） */
  --clay-text: #A84B28;        /* 文字用强调色（5.03:1） */
  --rule: #D9D3C6;             /* 分割线 */

  --font-serif: "Noto Serif SC", "Songti SC", "SimSun", Georgia, "Times New Roman", serif;
  --font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;
  --font-ui: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

  --measure: 640px;            /* 正文最大宽度 ~34-38 中文字/行 */
  --gap: 8px;                  /* 8px 基线网格 */
  --radius: 4px;
  --shadow: 0 1px 2px rgba(26, 26, 26, 0.06);
}

[data-theme="ink"] {
  --paper: #14120F;
  --paper-sunk: #1E1B17;
  --ink: #F2EDE2;
  --ink-body: #E8E3D8;
  --ink-muted: #9A948A;
  --clay: #E08A5F;
  --clay-text: #E08A5F;        /* 暗底提亮后二者同色 */
  --rule: #2E2A24;

  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* ============================================================
   Tech / Azure 语义层（IT 程序员 × Azure 产品介绍风）
   ------------------------------------------------------------
   专供 redesign.css 及其余非 3D / 非直播间页面使用；
   home.css（3D 暗舞台 #0b0f16）与 live.css（暗舞台）均不依赖本层，
   故即使重写本段也绝不会污染两个"不要改动"的虚拟页面。
   一切色值集中在 tokens.css，禁止在别处硬编码。
   ============================================================ */
:root,
[data-theme="paper"] {
  --tech-bg: #FFFFFF;                       /* Azure 云白 */
  --tech-surface: #FAFAFA;                  /* 次级面 / 浅底卡片 */
  --tech-surface-2: #F3F2F1;                /* Fluent NeutralLighter */
  --tech-page-bg: #F3F4F6;                  /* AI Foundry 内容区浅灰底 */
  --tech-card-bg: #FFFFFF;                  /* 卡片白底 */
  --tech-ink: #1A1A1A;                      /* 标题 */
  --tech-ink-body: #333333;                 /* 正文 */
  --tech-ink-muted: #616161;                /* 元信息 */
  --tech-rule: #EDEBE9;                     /* 细分割线（Fluent NeutralLighter） */
  --tech-rule-strong: #C8C6C4;              /* 强调分割 */
  --tech-accent: #0078D4;                   /* Azure 主蓝 */
  --tech-accent-hover: #106EBE;
  --tech-accent-2: #00B7C3;                 /* Azure 青（提示 / 副强调） */
  --tech-code-bg: #F6F8FA;                  /* 代码块底（GitHub 浅） */
  --tech-code-text: #24292F;
  --tech-hero-text: #FFFFFF;                /* Hero 白字 */
  --tech-hero-text-muted: rgba(255, 255, 255, 0.82);
  --tech-shadow-1: 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06);
  --tech-shadow-2: 0 6.4px 14.4px rgba(0, 0, 0, 0.12), 0 1.2px 3.6px rgba(0, 0, 0, 0.08);
  --tech-shadow-3: 0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18);
  --tech-radius: 8px;                       /* Fluent 圆角 */
  --tech-radius-lg: 12px;
  --tech-radius-xl: 20px;
}

[data-theme="ink"] {
  --tech-bg: #0B0F16;                       /* 与 3D home 舞台同色，主题切换视觉连续 */
  --tech-surface: #131820;
  --tech-surface-2: #1A2030;
  --tech-page-bg: #0B1120;                  /* 暗主题内容区深蓝灰底 */
  --tech-card-bg: #131B2C;                  /* 暗主题卡片底 */
  --tech-ink: #F2F4F8;
  --tech-ink-body: #D1D5DB;
  --tech-ink-muted: #9CA3AF;
  --tech-rule: #1F2937;
  --tech-rule-strong: #374151;
  --tech-accent: #50A6F2;                   /* 暗底提亮的 Azure 蓝 */
  --tech-accent-hover: #7CB9F5;
  --tech-accent-2: #5EEAD4;                 /* 青绿（与 3D home #5eead4 同色，跨页和谐） */
  --tech-code-bg: #0D1117;                  /* GitHub 暗 */
  --tech-code-text: #E6EDF3;
  --tech-hero-text: #FFFFFF;
  --tech-hero-text-muted: rgba(255, 255, 255, 0.78);
  --tech-shadow-1: 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 2px rgba(0, 0, 0, 0.3);
  --tech-shadow-2: 0 6.4px 14.4px rgba(0, 0, 0, 0.45), 0 1.2px 3.6px rgba(0, 0, 0, 0.3);
  --tech-shadow-3: 0 25.6px 57.6px rgba(0, 0, 0, 0.5), 0 4.8px 14.4px rgba(0, 0, 0, 0.4);
  --tech-radius: 8px;
  --tech-radius-lg: 12px;
  --tech-radius-xl: 20px;
}