/* Shared presentation tokens: production pages and the file:// visual review use one palette. */
:root {
  --xb-primary: #2563eb;
  --xb-primary-hover: #1d4ed8;
  --xb-navy: #0f172a;
  --xb-brand-navy: #0b3d88;
  --xb-ice: #38bdf8;
  --xb-cyan: #22d3ee;
  --xb-page: #f3f8ff;
  --xb-surface: #ffffff;
  --xb-surface-soft: #f8fbff;
  --xb-selected: #eaf2ff;
  --xb-muted: #64748b;
  --xb-subtle: #51647b;
  --xb-line: #dce6f3;
  --xb-line-strong: #b9cde7;
  --xb-focus: #1d4ed8;
  --xb-focus-ring: #2563eb26;
  --xb-info-bg: #edf6ff;
  --xb-info-text: #24537e;
  --xb-success: #14754e;
  --xb-success-bg: #eaf8f1;
  --xb-warning: #855817;
  --xb-warning-bg: #fff8e9;
  --xb-danger: #b42332;
  --xb-danger-bg: #fff0f2;
  --xb-radius-sm: 10px;
  --xb-radius: 16px;
  --xb-radius-lg: 22px;
  --xb-shadow: 0 6px 22px #19447808;
  --xb-shadow-hover: 0 10px 28px #19447812;
  --xb-shadow-modal: 0 22px 70px #10254626;
  --xb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --xb-sidebar-width: 248px;
  --xb-sidebar-collapsed-width: 80px;
  --xb-topbar-height: 76px;
  --xb-transition: 180ms ease;

  /* Compatibility aliases change color only; old business components keep their original hooks. */
  --blue: var(--xb-primary);
  --orange: var(--xb-primary);
  --ink: var(--xb-navy);
  --muted: var(--xb-muted);
  --line: var(--xb-line);
  --page: var(--xb-page);
  --admin-sidebar: var(--xb-navy);
  --admin-sidebar-muted: #b3c3d9;
  --admin-orange: var(--xb-ice);
  --admin-bg: var(--xb-page);
  --admin-card: var(--xb-surface);
  --admin-text: var(--xb-navy);
  --admin-muted: var(--xb-muted);
  --admin-line: var(--xb-line);
  --admin-success: var(--xb-success);
  --admin-warning: var(--xb-warning);
  --admin-danger: var(--xb-danger);
}