/* static/css/tokens.css */
:root {
  /* Brand (공공기관형 신뢰 블루) */
  --color-primary-50:  #eff6ff;
  --color-primary-600: #1d4ed8;
  --color-primary-700: #1e40af;

  /* Neutral */
  --color-bg:        #ffffff;
  --color-surface:   #ffffff;
  --color-surface-2: #f9fafb;
  --color-border:    #e5e7eb;
  --color-text:      #111827;

  /* 보조 텍스트 */
  --color-muted:     #334155;

  /* Semantic */
  --color-success-50:#ecfdf5;
  --color-success:   #16a34a;
  --color-warning-50:#fffbeb;
  --color-warning:   #f59e0b;
  --color-danger-50: #fef2f2;
  --color-danger:    #dc2626;

  /* Typography */
  --font-sans: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-16: 16px;
  --text-18: 18px;
  --text-22: 22px;

  /* Spacing */
  --space-4:  4px;
  --space-8:  8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;

  /* Radius / Shadow */
  --radius-8:  8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --shadow-1:  0 1px 2px rgba(0,0,0,.06);
  --shadow-2:  0 10px 30px rgba(0,0,0,.08);

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(29,78,216,.25);

  /* Layout */
  --container-max: 1180px;

  /* Z-index */
  --z-modal: 1000;
}