/* ═══════════════════════════════════════════════════════════════
   Legacy 别名层（过渡期 · P4 阶段删除）
   旧页面 CSS 引用的 --ios-* / --ds-* / --primary-* / --gray-* 等
   变量全部在此映射到新 token 体系（tokens.css）。
   迁移纪律：每迁移一个页面，清除该页对下列变量的引用；
   全仓 grep 零命中后删除本文件。
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── --ios-* 系列 ── */
  --ios-bg: var(--bg);
  --ios-surface: var(--bg-surface);
  --ios-surface-solid: var(--bg-surface);
  --ios-surface-muted: var(--bg-surface-muted);
  --ios-text: var(--text);
  --ios-muted: var(--text-secondary);
  --ios-subtle: var(--text-muted);
  --ios-border: var(--border);
  --ios-border-strong: var(--border-strong);
  --ios-accent: var(--accent);
  --ios-accent-strong: var(--accent-hover);
  --ios-accent-soft: var(--accent-soft);
  --ios-accent-2: var(--accent);
  --mint-500: var(--accent);
  --ios-success: var(--success);
  --ios-danger: var(--danger);
  --ios-warning: var(--warning);

  --ios-font: var(--font-sans);
  --ios-font-mono: var(--font-mono);
  --ios-radius: var(--radius-sm);
  --ios-radius-lg: var(--radius-md);
  --ios-radius-xl: var(--radius-lg);
  --ios-shadow: var(--shadow-lg);
  --ios-shadow-soft: var(--shadow-md);

  --ios-control-height-lg: 42px;
  --ios-hover: var(--accent-soft);
  --ios-text-secondary: var(--text-secondary);
  --ios-primary: var(--accent);
  --ios-shadow-md: var(--shadow-md);
  --ios-surface-subtle: var(--bg-surface-muted);

  --leading-relaxed: 1.6;

  /* ── 无名 legacy 别名 ── */
  --surface: var(--bg-surface);
  --surface-1: var(--bg-surface);
  --surface-2: var(--bg-surface-muted);
  --surface-hover: var(--bg-surface-muted);
  --muted: var(--text-secondary);
  --ok: var(--success);
  --panel: var(--bg-surface);
  --shadow: var(--shadow-md);
  --warn: var(--warning);

  /* ── --primary-* 强调色阶（映射到陶土/琥珀） ── */
  --primary-50: color-mix(in srgb, var(--accent) 8%, var(--bg-surface));
  --primary-100: color-mix(in srgb, var(--accent) 16%, var(--bg-surface));
  --primary-200: color-mix(in srgb, var(--accent) 30%, var(--bg-surface));
  --primary-300: var(--clay-300);
  --primary-400: var(--clay-400);
  --primary-500: var(--clay-500);
  --primary-600: var(--clay-600);
  --primary-700: var(--clay-700);

  --success-50: var(--success-soft);
  --success-500: var(--success);
  --success-600: #27684a;

  --warning-50: var(--warning-soft);
  --warning-500: var(--warning);
  --warning-600: #946a22;

  --danger-50: var(--danger-soft);
  --danger-500: var(--danger);
  --danger-600: #a33527;

  /* ── --gray-* 暖灰阶 ── */
  --gray-50: var(--cream-50);
  --gray-100: var(--cream-100);
  --gray-200: var(--cream-200);
  --gray-300: var(--cream-300);
  --gray-400: var(--ink-300);
  --gray-500: var(--ink-500);
  --gray-600: var(--ink-700);
  --gray-700: #3a352c;
  --gray-800: #2e2a23;
  --gray-900: var(--ink-900);

  /* ── bg/text/border/shadow 别名 ── */
  --bg-primary: var(--bg-surface);
  --bg-secondary: var(--bg-surface-muted);
  --bg-tertiary: var(--cream-200);
  --bg-card: var(--bg-surface);
  --text-primary: var(--text);
  --text-white: var(--text-inverse);
  --border-light: var(--border);
  --border-default: var(--border-strong);
  --shadow-color: 0 4px 20px color-mix(in srgb, var(--accent) 14%, transparent);
  --bg-gradient: linear-gradient(135deg, var(--clay-500) 0%, var(--amber-600) 100%);

  /* ── --ds-*（dashboard 私设体系，P2 迁移 dashboard 后清除） ── */
  --ds-ink: var(--text);
  --ds-surface: var(--bg-surface);
  --ds-bg: var(--bg);
  --ds-border: var(--border);
  --ds-muted: var(--text-muted);
  --ds-accent: var(--accent);
  --ds-accent-soft: var(--accent-soft);
  --ds-shadow-md: var(--shadow-md);
  --ds-success: var(--success);
  --ds-danger: var(--danger);
  --ds-warn: var(--warning);
}

:root[data-theme="dark"] {
  --ios-bg: var(--bg);
  --ios-surface: var(--bg-surface);
  --ios-surface-solid: var(--bg-surface);
  --ios-surface-muted: var(--bg-surface-muted);
  --ios-text: var(--text);
  --ios-muted: var(--text-secondary);
  --ios-subtle: var(--text-muted);
  --ios-border: var(--border);
  --ios-border-strong: var(--border-strong);
  --ios-accent: var(--accent);
  --ios-accent-strong: var(--accent-hover);
  --ios-accent-soft: var(--accent-soft);
  --ios-accent-2: var(--accent);
  --mint-500: var(--accent);
  --ios-success: var(--success);
  --ios-danger: var(--danger);
  --ios-warning: var(--warning);
  --ios-shadow: var(--shadow-lg);
  --ios-shadow-soft: var(--shadow-md);

  --primary-50: color-mix(in srgb, var(--accent) 10%, transparent);
  --primary-100: color-mix(in srgb, var(--accent) 16%, transparent);
  --primary-200: color-mix(in srgb, var(--accent) 24%, transparent);
  --primary-300: var(--amber-300);
  --primary-400: var(--amber-400);
  --primary-500: var(--amber-500);
  --primary-600: var(--amber-600);
  --primary-700: #8a6522;

  --success-50: var(--success-soft);
  --success-500: var(--success);
  --success-600: #3d8a64;

  --warning-50: var(--warning-soft);
  --warning-500: var(--warning);
  --warning-600: var(--amber-500);

  --danger-50: var(--danger-soft);
  --danger-500: var(--danger);
  --danger-600: #c04a3a;

  --gray-50: var(--char-950);
  --gray-100: var(--char-900);
  --gray-200: var(--char-850);
  --gray-300: var(--char-800);
  --gray-400: var(--char-700);
  --gray-500: #6f6a61;
  --gray-600: #a39e93;
  --gray-700: #c9c3b7;
  --gray-800: #ddd7cb;
  --gray-900: #ece7dd;

  --bg-primary: var(--bg-surface);
  --bg-secondary: var(--bg-surface-muted);
  --bg-tertiary: var(--char-800);
  --bg-card: var(--bg-surface);
  --text-primary: var(--text);
  --border-light: var(--border);
  --border-default: var(--border-strong);
  --shadow-color: 0 4px 20px color-mix(in srgb, var(--accent) 16%, transparent);
  --bg-gradient: linear-gradient(135deg, var(--amber-400) 0%, #8a6522 100%);

  --ds-ink: var(--text);
  --ds-surface: var(--bg-surface);
  --ds-bg: var(--bg);
  --ds-border: var(--border);
  --ds-muted: var(--text-muted);
  --ds-accent: var(--accent);
  --ds-accent-soft: var(--accent-soft);
  --ds-shadow-md: var(--shadow-md);
  --ds-success: var(--success);
  --ds-danger: var(--danger);
  --ds-warn: var(--warning);

  --ios-primary: var(--accent);
  --ios-shadow-md: var(--shadow-md);
  --ios-surface-subtle: var(--bg-surface-muted);
}