:root {
  --bg-canvas: #eef3f8;
  --bg-surface: #ffffff;
  --bg-surface-strong: #f7fafc;
  --bg-sidebar: #102033;
  --bg-sidebar-accent: #162b43;
  --text-strong: #122033;
  --text-default: #304256;
  --text-muted: #66778a;
  --text-inverse: #f7fbff;
  --border-soft: #d7e0ea;
  --primary: #1d4ed8;
  --primary-strong: #153fb3;
  --success: #0f8a52;
  --success-soft: #e4f6ed;
  --warning: #b67308;
  --warning-soft: #fff3d9;
  --danger: #c23b32;
  --danger-soft: #fde6e2;
  --info: #0c728c;
  --info-soft: #def4fb;
  --shadow-sm: 0 8px 24px rgba(16, 32, 51, 0.06);
  --shadow-md: 0 18px 40px rgba(16, 32, 51, 0.1);
  --radius-md: 16px;
  --radius-lg: 22px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --font-sans: "Segoe UI", "Pretendard", "Noto Sans KR", Arial, sans-serif;
}