/* SOAM Link UI bridge: additive tokens only. Existing --sl-* and app tokens stay canonical. */
:root {
  --soam-font-family: "Inter", "IBM Plex Sans JP", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;
  --soam-font-ui: var(--soam-font-family);
  --soam-font-latin: "Inter", "IBM Plex Sans", system-ui, sans-serif;
  --soam-font-mono: "IBM Plex Sans", ui-monospace, "SFMono-Regular", monospace;
  --soam-bg: #eef1f6;
  --soam-bg-soft: #f5f7fa;
  --soam-surface: #ffffff;
  --soam-ink: #10162a;
  --soam-ink-2: #3d4658;
  --soam-muted: #667088;
  --soam-faint: #8b93a8;
  --soam-line: #dde3ee;
  --soam-accent: #3d55d1;
  --soam-accent-dark: #293da5;
  --soam-accent-soft: #eaeeff;
  --soam-teal: #1d7a8c;
  --soam-teal-soft: #e4f2f5;
  --soam-green: #1f8a5b;
  --soam-green-soft: #e7f4ed;
  --soam-amber: #b07615;
  --soam-amber-soft: #fbf1db;
  --soam-red: #b4482b;
  --soam-red-soft: #fbeae8;
  --soam-violet: #7c5cb8;
  --soam-violet-soft: #f1ebfa;
  --soam-navy: #0f1526;
  --soam-radius-button: 9px;
  --soam-radius-card: 12px;
  --soam-radius-panel: 15px;
  --soam-radius-pill: 999px;
  --soam-space-1: 4px;
  --soam-space-2: 8px;
  --soam-space-3: 12px;
  --soam-space-4: 16px;
  --soam-space-5: 20px;
  --soam-space-6: 24px;
  --soam-space-8: 32px;
  --soam-space-10: 40px;
  --soam-space-12: 48px;
  --soam-shadow-hover: 0 8px 20px rgba(16, 22, 42, .08);
  --soam-shadow-modal: 0 20px 48px rgba(16, 22, 42, .18);
  --soam-focus-ring: 0 0 0 3px rgba(61, 85, 209, .35);
}