/* ==========================================================================
   明珠家园 · 设计 Token 单源（关 4 / P1-D）
   唯一权威：docs/handoff/gate4-tokens.md（值表与本文件逐键一致）
   定稿：方向 B「暖园晨光」为官方主方向（2026-09-21 创始人目验拍板）——
         :root 默认 = 暖色映射；[data-theme="dark"] = 暖墨暗色变体。
   规则：页面/组件只引用 --mz-* 语义层；Tier-1 色板不得出现在本文件以外。
   ========================================================================== */

:root {
  /* ---- Tier-1 原始色板（仅限本文件内部引用） ---- */
  --pearl-aurora-cyan: #67e8f9;
  --pearl-aurora-violet: #a78bfa;
  --pearl-gold: #f0c98a;
  --pearl-white: #f8fafc;
  --brand-blue: #2f7dff;
  --brand-blue-deep: #1d55c4;

  --ink-950: #070b16;
  --ink-900: #0d1526;
  --ink-800: #162136;
  --ink-700: #22304a;
  --ink-300: #a7b3c9;
  --ink-100: #e8edf6;

  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-500: #64748b;
  --slate-700: #334155;
  --slate-900: #0f172a;

  /* ---- Tier-2 语义层 · 暖色主题（默认，方向 B 定稿） ---- */
  --mz-bg: #faf7f1;
  --mz-surface: #fffdf8;
  --mz-surface-sunken: #f4eee3;
  --mz-text: #38311f;
  --mz-text-muted: #857a64;
  --mz-border: #e7ddc9;

  --mz-brand: #b45309;
  --mz-brand-strong: #92400e;
  --mz-on-brand: #fffdf8;
  --mz-accent: var(--pearl-gold);
  --mz-iris: linear-gradient(100deg, var(--pearl-aurora-cyan), var(--pearl-aurora-violet) 52%, var(--pearl-gold));

  --mz-success: #15803d; --mz-success-bg: #dcfce7;
  --mz-warning: #b45309; --mz-warning-bg: #fef3c7;
  --mz-danger:  #b91c1c; --mz-danger-bg:  #fee2e2;
  --mz-info:    #8a5a10; --mz-info-bg:    #f7ecd4;

  --mz-focus: 0 0 0 3px rgba(180, 83, 9, .3);

  /* ---- 字族 / 字阶 / 字重 / 行高 ---- */
  --mz-font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --mz-font-mono: "SF Mono", Consolas, "Courier New", monospace;

  --mz-text-xs: 12px;
  --mz-text-sm: 13px;
  --mz-text-md: 14px;
  --mz-text-lg: 16px;
  --mz-text-xl: 18px;
  --mz-display-sm: 22px;
  --mz-display-md: 28px;
  --mz-display-lg: 38px;

  --mz-weight-regular: 400;
  --mz-weight-medium: 600;
  --mz-weight-bold: 700;

  --mz-leading-tight: 1.35;
  --mz-leading-normal: 1.6;

  /* ---- 间距（4px 基栅） ---- */
  --mz-space-1: 4px;  --mz-space-2: 8px;   --mz-space-3: 12px;
  --mz-space-4: 16px; --mz-space-5: 20px;  --mz-space-6: 24px;
  --mz-space-7: 32px; --mz-space-8: 40px;  --mz-space-9: 48px;
  --mz-space-10: 64px; --mz-space-11: 80px; --mz-space-12: 96px;

  /* ---- 圆角（方向 B：柔和大圆角） ---- */
  --mz-radius-sm: 6px;
  --mz-radius-md: 12px;
  --mz-radius-lg: 18px;
  --mz-radius-xl: 26px;
  --mz-radius-pill: 999px;

  /* ---- 阴影（暖调柔和） ---- */
  --mz-shadow-1: 0 1px 2px rgba(56, 49, 31, .05);
  --mz-shadow-2: 0 6px 20px rgba(56, 49, 31, .08);
  --mz-shadow-3: 0 16px 48px rgba(56, 49, 31, .12);
  --mz-glow-brand: 0 0 24px rgba(180, 83, 9, .25);

  /* ---- 动效 ---- */
  --mz-dur-fast: 120ms;
  --mz-dur-base: 200ms;
  --mz-dur-slow: 320ms;
  --mz-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --mz-ease-emphasized: cubic-bezier(.16, 1, .3, 1);

  /* ---- 布局 ---- */
  --mz-wrap: 960px;
  --mz-break-mobile: 720px;
  --mz-break-tablet: 1024px;
}

/* ---- 暖墨暗色主题（方向 B 暗色变体 · 定稿）：显式切换 ---- */
[data-theme="dark"] {
  --mz-bg: #1b1610;
  --mz-surface: #262017;
  --mz-surface-sunken: #201a12;
  --mz-text: #f0e9db;
  --mz-text-muted: #b3a78f;
  --mz-border: #3d3423;

  --mz-brand: #e8a558;
  --mz-brand-strong: #f0c98a;
  --mz-on-brand: #2a1f0e;

  --mz-success: #4ade80; --mz-success-bg: #052e16;
  --mz-warning: #fbbf24; --mz-warning-bg: #451a03;
  --mz-danger:  #f87171; --mz-danger-bg:  #450a0a;
  --mz-info:    #e8a558; --mz-info-bg:    #33230c;

  --mz-focus: 0 0 0 3px rgba(232, 165, 88, .4);

  --mz-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --mz-shadow-2: 0 6px 20px rgba(0, 0, 0, .5);
  --mz-shadow-3: 0 16px 48px rgba(0, 0, 0, .6);
  --mz-glow-brand: 0 0 24px rgba(232, 165, 88, .3);
}

/* ---- 暖墨暗色主题：跟随系统兜底（无显式 data-theme 时） ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --mz-bg: #1b1610;
    --mz-surface: #262017;
    --mz-surface-sunken: #201a12;
    --mz-text: #f0e9db;
    --mz-text-muted: #b3a78f;
    --mz-border: #3d3423;

    --mz-brand: #e8a558;
    --mz-brand-strong: #f0c98a;
    --mz-on-brand: #2a1f0e;

    --mz-success: #4ade80; --mz-success-bg: #052e16;
    --mz-warning: #fbbf24; --mz-warning-bg: #451a03;
    --mz-danger:  #f87171; --mz-danger-bg:  #450a0a;
    --mz-info:    #e8a558; --mz-info-bg:    #33230c;

    --mz-focus: 0 0 0 3px rgba(232, 165, 88, .4);

    --mz-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
    --mz-shadow-2: 0 6px 20px rgba(0, 0, 0, .5);
    --mz-shadow-3: 0 16px 48px rgba(0, 0, 0, .6);
    --mz-glow-brand: 0 0 24px rgba(232, 165, 88, .3);
  }
}

/* ---- 移动端字阶收敛 ---- */
@media (max-width: 720px) {
  :root {
    --mz-display-sm: 18px;
    --mz-display-md: 24px;
    --mz-display-lg: 30px;
  }
}