/* Moondo Team 디자인 토큰 정본. 다른 스타일시트보다 먼저 로드한다. */
:root {
  color-scheme: light;

  /* ── typography ── */
  --font-sans: Pretendard, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, "SF Mono", monospace;

  --fs-micro: 11px;   /* 배지, 메타 (기존 7~9px 대체) */
  --fs-xs:    12px;   /* 보조 텍스트 (기존 10~11px 대체) */
  --fs-sm:    13px;   /* 본문 소 (기존 12px 대체) */
  --fs-md:    14px;   /* 본문 (기존 13px 대체) */
  --fs-lg:    16px;
  --fs-xl:    20px;   /* 패널 제목 */
  --fs-2xl:   24px;

  --fw-normal:   400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;

  --lh-tight: 1.25;
  --lh-base:  1.55;
  --lh-loose: 1.7;

  --ls-tight: -.02em;
  --ls-overline: .14em;

  /* ── spacing (4px 그리드) ── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;

  /* ── radius ── */
  --r-xs:   6px;
  --r-sm:   8px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* ── elevation ── */
  --sh-sm: 0 1px 2px rgba(20, 30, 23, .06);
  --sh-md: 0 4px 14px rgba(20, 30, 23, .10);
  --sh-lg: 0 18px 48px rgba(20, 30, 23, .16);
  --sh-xl: 0 24px 80px rgba(8, 14, 10, .32);

  /* ── motion ── */
  --t-fast: 120ms ease;
  --t-base: 180ms ease;

  /* ── primitive: green scale ── */
  --green-950: #131c17;
  --green-900: #17211b;
  --green-850: #18221c;
  --green-800: #202a24;
  --green-750: #263129;
  --green-700: #2d3932;
  --green-650: #344039;
  --green-600: #3b473f;
  --green-500: #4a5a50;
  --green-400: #607067;
  --green-300: #829087;
  --green-200: #aebbb3;
  --green-150: #cbd5ce;
  --green-100: #dce5df;
  --green-050: #eef4f0;

  /* ── primitive: accent ── */
  --accent-500: #79c88d;   /* 포커스 링 / 액센트 */
  --accent-300: #b8d8bf;   /* 아이콘 */
  --accent-100: #bce2c4;   /* 카운트 배지 */
  --accent-700: #45664f;
  --accent-800: #326842;   /* primary 버튼 */
  --accent-900: #294631;
  --accent-050: #e2f1e5;   /* 연녹 배지 배경 */
  --hi-green:   #5d966b;   /* 리사이저·셀 포커스 하이라이트 */

  /* ── primitive: 출처 배지 ── */
  --info-fg:  #234567;   /* source-local */
  --info-bg:  #cfe0ef;
  --amber-fg: #66461d;   /* source-shared */
  --amber-bg: #efdebf;
  --folder-green:  #78c883;
  --folder-blue:   #79b9ff;
  --folder-amber:  #e6ba57;
  --folder-teal:   #69d4c6;
  --folder-violet: #b992f2;

  /* ── primitive: neutral (뷰어존) ── */
  --nt-000: #ffffff;
  --nt-050: #fafbf9;
  --nt-100: #f7f8f5;
  --nt-150: #eef1ed;
  --nt-175: #e9ebe7;   /* 앱 셸 뒤 페이지 배경 */
  --nt-200: #e2e5e1;
  --nt-300: #cbd3cc;
  --nt-400: #a8b0a9;
  --nt-500: #7d877f;
  --nt-600: #607066;
  --nt-700: #455149;
  --nt-900: #18211b;

  /* ── primitive: sand (AI존) ── */
  --sand-050: #fffdf8;
  --sand-100: #f1eee6;
  --sand-200: #e6dfd1;
  --sand-300: #d6d0c3;
  --sand-400: #b6ab94;
  --sand-500: #968c7c;
  --sand-550: #7e7466;
  --sand-600: #6b5e49;

  /* ── status ── */
  --danger-fg:   #8b2e27;
  --danger-bd:   #dfbbb7;
  --danger-bg:   #fff8f7;
  --danger-solid:#9f3b32;
  --warn-fg:     #66582f;
  --warn-bg:     #fff3c9;
  --warn-bd:     #e3d49a;
  --warn-text:   #ffd99a;
  --warn-accent: #a1704f;
  --danger-on-dark: #e0aa96;

  /* ── semantic: workspace shell (파일 패널 / topbar / auth) ── */
  --dz-bg:        var(--nt-000);
  --dz-bg-deep:   var(--nt-000);
  --dz-surface:   var(--nt-050);
  --dz-raised:    var(--nt-000);
  --dz-hover:     var(--accent-050);
  --dz-border:    var(--nt-300);
  --dz-border-strong: var(--green-150);
  --dz-text:      var(--nt-900);
  --dz-text-strong: var(--nt-900);
  --dz-muted:     var(--nt-600);
  --dz-icon:      var(--accent-800);

  /* ── semantic: 라이트존 (뷰어) ── */
  --lz-bg:      var(--nt-100);
  --lz-surface: var(--nt-000);
  --lz-sunken:  var(--nt-150);
  --lz-border:  var(--nt-200);
  --lz-border-strong: var(--nt-300);
  --lz-text:    var(--nt-900);
  --lz-muted:   var(--nt-500);

  /* ── semantic: 웜존 (AI 패널) ── */
  --wz-bg:      var(--sand-100);
  --wz-surface: var(--sand-050);
  --wz-border:  var(--sand-300);
  --wz-text:    var(--nt-900);
  --wz-muted:   var(--sand-600);

  /* ── semantic: 공통 ── */
  --focus-ring: 0 0 0 3px rgba(121, 200, 141, .28);
  --focus-color: var(--accent-500);
  --primary-bg: var(--accent-800);
  --primary-fg: #ffffff;
  --primary-bg-hover: var(--accent-900);

  /* ── 관리자 가져오기 화면 전용 ── */
  --page-bg: #f2f1ed;
  --notice-accent: #d17b45;
  --eyebrow-fg: #53705f;
  --page-muted: #5e6862;
  --success-bd: #8eb49b;
  --error-bd:   #d69b86;
}