/* yangbul_erp design tokens (기획 18-UIUX §2) — single source of truth */
:root {
  /* 네이티브 컨트롤(date 피커·select 드롭다운·스크롤바)도 테마를 따르게 한다 */
  color-scheme: light dark;
  /* brand / semantic */
  --brand: #2C9F5D;
  --brand-strong: #207a48;
  --accent: #F4A93B;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --info: #2563eb;
  /* neutral */
  --ink: #1F2937;
  --ink-soft: #4B5563;
  --ink-mute: #9CA3AF;
  --bg: #F7F8F6;
  --surface: #ffffff;
  --line: #E6E8E4;
  --line-soft: #F0F1EE;
  /* type */
  --font: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px;
  --fs-17: 17px; --fs-20: 20px; --fs-24: 24px;
  /* spacing (4px grid) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 40px;
  /* shape */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(31,41,55,.05);
  --shadow-md: 0 4px 14px rgba(31,41,55,.07);
  --shadow-lg: 0 12px 32px rgba(31,41,55,.12);
  /* layers */
  --z-header: 20; --z-modal: 100; --z-toast: 200;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #E5E7EB; --ink-soft: #C0C4CB; --ink-mute: #8B9099;
    --bg: #15171a; --surface: #1e2126; --line: #2c3037; --line-soft: #23262c;
    /* 어두운 배경에서는 옅은 그림자가 보이지 않아 대비를 올린다 */
    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow-md: 0 4px 14px rgba(0,0,0,.5);
    --shadow-lg: 0 12px 32px rgba(0,0,0,.6);
  }
}