/* NEUPL Design Tokens — 미니멀 원칙 (딥블루 다크 베이스) */

:root {
  /* 짙은 청색 계열 베이스 (기본 = 다크) */
  --bg:           #0B1220;   /* 가장 짙은 네이비 */
  --surface:      #111A2C;   /* 카드/서피스 */
  --surface-2:    #172238;   /* 한 단계 더 밝게 */
  --border:       #1F2A44;
  --border-strong:#2B3956;
  --text:         #E6ECF5;   /* 본문 (살짝 푸른빛 흰색) */
  --text-muted:   #98A4BA;
  --text-faint:   #6B7895;

  /* 액션 컬러 (단 1개 — 흰색 톤) */
  --accent:       #E6ECF5;
  --accent-hover: #FFFFFF;
  --accent-on:    #0B1220;

  /* 시맨틱 (다크 톤에 맞춤) */
  --success:      #4ADE80;
  --success-bg:   #0F2A1C;
  --warn:         #FACC15;
  --warn-bg:      #2A1F0A;
  --error:        #F87171;
  --error-bg:     #2A1212;

  /* 타이포 */
  --font:        -apple-system, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", system-ui, sans-serif;
  --font-mono:   ui-monospace, "SF Mono", Consolas, monospace;

  --text-xs:     12px;
  --text-sm:     13px;
  --text-base:   14px;
  --text-md:     15px;
  --text-lg:     16px;
  --text-xl:     20px;
  --text-2xl:    24px;
  --text-3xl:    28px;

  --leading:     1.6;

  /* 여백 (8px 그리드) */
  --space-1:     4px;
  --space-2:     8px;
  --space-3:     12px;
  --space-4:     16px;
  --space-5:     24px;
  --space-6:     32px;
  --space-7:     40px;
  --space-8:     56px;

  /* 모서리 */
  --radius-sm:   4px;
  --radius:      8px;
  --radius-lg:   12px;

  /* 컨테이너 */
  --container:   960px;
}