/* QT-PMS 디자인 토큰 (design.md 기반) */

:root {
  /* Primary */
  --primary-50:  #EBF5FF;
  --primary-100: #D6EBFF;
  --primary-200: #ADD6FF;
  --primary-300: #85C2FF;
  --primary-400: #5CADFF;
  --primary-500: #2E5A88;
  --primary-600: #264A70;
  --primary-700: #1E3A58;
  --primary-800: #162A40;
  --primary-900: #0E1A28;

  /* Success */
  --success-50:  #ECFDF5;
  --success-500: #10B981;
  --success-600: #059669;

  /* Warning */
  --warning-50:  #FFFBEB;
  --warning-500: #F59E0B;
  --warning-600: #D97706;

  /* Danger */
  --danger-50:  #FEF2F2;
  --danger-500: #EF4444;
  --danger-600: #DC2626;

  /* Info */
  --info-50:  #EFF6FF;
  --info-500: #3B82F6;
  --info-600: #2563EB;

  /* Neutral */
  --gray-50:  #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;

  /* Semantic */
  --bg-page:       var(--gray-50);
  --bg-card:       #FFFFFF;
  --text-primary:  var(--gray-900);
  --text-secondary:var(--gray-500);
  --text-muted:    var(--gray-400);
  --border-color:  var(--gray-200);

  /* Typography */
  --font-family: '맑은 고딕', 'Malgun Gothic', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-lg:   16px;
  --text-xl:   18px;
  --text-2xl:  20px;
  --text-3xl:  24px;
  --text-4xl:  30px;

  --font-normal:   400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;

  --leading-tight:   1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.75;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Layout */
  --sidebar-width: 260px;
  --header-height: 64px;
  --content-padding: 24px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow:    0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.10);

  /* Transition */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow:   0.3s ease;

  /* Z-index */
  --z-sidebar: 30;
  --z-header:  40;
  --z-dropdown: 50;
  --z-modal:   60;
  --z-toast:   70;
}