/**
 * spam-admin Vue 신규 디자인 토큰
 * 사용처: SpmXxx.vue 공통 컴포넌트, 신규 마이그레이션된 페이지
 * 기존 spam-theme.css 등과 병행 가능하도록 spm- prefix 사용
 */
:root {
  --spm-bg: #f5f7fb;
  --spm-surface: #ffffff;
  --spm-surface-alt: #f8fafc;
  --spm-surface-soft: #f1f5f9;
  --spm-border: #e2e8f0;
  --spm-border-strong: #cbd5e1;
  --spm-text: #0f172a;
  --spm-text-muted: #64748b;
  --spm-text-subtle: #94a3b8;

  --spm-primary: #1e3a8a;          /* deep navy */
  --spm-primary-strong: #1e40af;
  --spm-primary-soft: #dbeafe;
  --spm-primary-contrast: #ffffff;

  --spm-accent: #f59e0b;            /* warning amber */
  --spm-accent-soft: #fef3c7;

  --spm-success: #16a34a;
  --spm-success-soft: #dcfce7;
  --spm-danger: #dc2626;
  --spm-danger-soft: #fee2e2;
  --spm-warning: #d97706;
  --spm-warning-soft: #fed7aa;
  --spm-info: #0284c7;
  --spm-info-soft: #e0f2fe;
  --spm-neutral: #475569;
  --spm-neutral-soft: #e2e8f0;

  --spm-radius-xs: 4px;
  --spm-radius-sm: 6px;
  --spm-radius: 10px;
  --spm-radius-lg: 14px;

  --spm-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  --spm-shadow-lg: 0 10px 24px rgba(15, 23, 42, 0.1);

  --spm-font-sans:
    "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}