:root {
  --blue: #1e64ff;
  --blue-deep: #0a3fcc;
  --blue-soft: #eaf1ff;
  --ink: #0b1020;
  --ink-2: #3a3f55;
  --mute: #6b7287;
  --line: #e6e8ef;
  --line-soft: #f0f2f7;
  --bg: #fafbfd;
  --panel: #ffffff;
  --dark-bg: #0c1020;
  --dark-bg-2: #141a30;
  --dark-line: #1f2742;
  --dark-ink: #e7eaf3;
  --dark-mute: #8a93ad;
  --rose: #ff5e7a;
  --amber: #ffb547;
  --mint: #19c39a;
  --violet: #7a5cff;
  --shadow-sm: 0 1px 2px rgba(11,16,32,.04), 0 1px 1px rgba(11,16,32,.03);
  --shadow-md: 0 6px 24px -8px rgba(11,16,32,.10), 0 2px 6px rgba(11,16,32,.04);
  --shadow-lg: 0 24px 60px -20px rgba(11,16,32,.18), 0 8px 18px -10px rgba(11,16,32,.08);
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* 호환 alias — 차수 6/6.5 클래스 유지 */
  --color-brand-500: var(--blue);
  --color-brand-600: var(--blue-deep);
  --color-brand-50: var(--blue-soft);
  --color-neutral-50: var(--bg);
  --color-neutral-100: var(--line-soft);
  --color-neutral-200: var(--line);
  --color-neutral-700: var(--ink-2);
  --color-neutral-900: var(--ink);
  --shadow-token-xs: var(--shadow-sm);
  --shadow-token-sm: var(--shadow-md);
}