/* tokens.css — 색·간격·글꼴을 이름으로 정해 둔 곳 (만나허브 [YG-0049])
 *
 *   ⭐ 화면마다 색·크기를 새로 정하지 않습니다. **여기 이름만 씁니다.**
 *      「주색」을 바꾸고 싶으면 이 파일 한 줄만 고칩니다 (S0 원칙4 — 사람이 바꿀 자리를 남긴다).
 *
 *   ── 2026-08-14 · 만나관리 V7 디자인 시스템을 실측해 값을 옮겨 왔습니다 ──
 *   출처(읽기만 함) — `00_작업중\회사PC_로컬_V7_빌드_수집_20260723\…\v13병합_20260711\
 *                      live_snapshot\tokens.css` (V7 「Theme A · Nature Organic Light」)
 *   가져온 것 — 색 한 벌(올리브·베이지·테라코타·세이지·밀빛) · 글자 크기 7단 ·
 *               간격 8단 · 모서리 4단 · 그림자 3단 · 동작 시간 3단 · 상태 배지 색
 *
 *   ⛔ **웹폰트를 밖에서 받아오지 않습니다.** V7은 구글 폰트(Gowun Batang)를 인터넷에서
 *      받아 쓰는데, 그러면 화면을 열 때마다 **밖으로 요청이 나갑니다**(S0 8장 — 자동으로
 *      밖에 나가는 것 금지). 공장 인터넷이 끊겨도 글씨가 깨지면 안 되므로
 *      **컴퓨터에 있는 글꼴만** 씁니다. 나중에 글꼴 파일을 회사 안에 두면 그때 바꿉니다.
 *
 *   ⛔ 화면 파일 안에 `#rrggbb` 같은 색값을 직접 적지 않습니다(`screens_test` 가 잽니다).
 */
:root {
  /* 원육 작업 자리: 화면과 인쇄물의 번호·색을 동일하게 유지합니다. */
  --원육자리1: #276ca0; --원육자리2: #b36616;
  --원육자리3: #1c7b68; --원육자리4: #775091;
  /* ───────── 색 — 뜻으로 이름 짓습니다 ───────── */
  /* 옆 메뉴 — 짙은 올리브. 만나 V7의 얼굴입니다 */
  --옆메뉴바탕:   #3d4828;
  --옆메뉴글:     #ffffff;
  --옆메뉴흐린글: rgba(255,255,255,.65);
  --옆메뉴켠칸:   rgba(255,255,255,.10);

  /* 바탕 */
  --바탕:        #f8f4ed;   /* 종이 같은 베이지 */
  --칸:          #ffffff;
  --줄:          rgba(0,0,0,.10);
  --진한줄:      rgba(0,0,0,.18);

  /* 글자 */
  --글:          #1a1a1a;
  --흐린글:      #555555;
  --아주흐린글:  #888888;

  /* 주된 색 — 누르는 것·지금 있는 곳 */
  --주색:        #c97b5a;   /* 테라코타 */
  --주색진함:    #b86a4a;
  --주색연함:    #f6ece7;
  --보조색:      #9cae85;   /* 세이지(연둣빛) */
  --강조색:      #d4a95a;   /* 밀빛 */

  /* 뜻이 있는 색 */
  --초록:        #6e8b5c;   /* 됐다 */
  --초록연함:    #eef2ea;
  --노랑:        #8a6a20;   /* 조심 — 밀빛 위에 얹는 글자색 */
  --노랑연함:    #fbf3e2;
  --빨강:        #9c3b26;   /* 막혔다 */
  --빨강연함:    #f8eae6;
  --회색단추:    #7b7168;

  /* 자주 쓰는 곁색 — 화면 파일에 직접 박지 말고 이 이름을 쓰십시오 */
  --표머리바탕:  rgba(156,174,133,.10);  /* 세이지 10% — V7 표 머리 */
  --끈단추:      #e3ded6;                /* 못 누르는 단추 */
  --끈글:        #a39c93;
  --노랑테:      rgba(212,169,90,.45);

  /* 옆 메뉴 묶음마다 붙는 점 색 (V7 `sb-dot` 그대로) */
  --갈색:   #b8966b;
  --파랑점: #6b8fb8;
  --진초록: #9cae85;
  --주황:   #c97b5a;
  --보라:   #a08bb0;
  --금색:   #d4a95a;

  /* 상태 배지 — 채워서 쓰는 것 (V7 그대로) */
  --대기바탕: #e8e5e0; --대기글: #555555;
  --진행바탕: #d4a95a; --진행글: #ffffff;
  --끝난바탕: #6e8b5c; --끝난글: #ffffff;
  --보류바탕: #b8a89a; --보류글: #ffffff;

  /* ⚠ 옛 이름 별칭 — 화면 48개가 이미 쓰고 있어 그대로 둡니다.
     **새 코드는 위의 뜻 이름(주색·보조색)을 씁니다.** 값은 한 곳(위)에서만 정합니다 */
  --파랑:     var(--주색);
  --파랑연함: var(--주색연함);

  /* ───────── 간격 — 4의 배수 (V7 8단) ───────── */
  --사이1: 4px;  --사이2: 8px;  --사이3: 12px; --사이4: 16px;
  --사이5: 24px; --사이6: 32px; --사이7: 48px; --사이8: 64px;

  /* ───────── 모서리 ───────── */
  --조금둥글게: 4px;
  --둥글게:     8px;
  --많이둥글게: 12px;
  --알약:       999px;

  /* ───────── 그림자 ───────── */
  --그림자:     0 1px 2px rgba(0,0,0,.04);
  --뜬그림자:   0 4px 12px rgba(0,0,0,.06);
  --많이뜬그림자: 0 12px 32px rgba(0,0,0,.10);

  /* ───────── 움직이는 시간 ───────── */
  --전환빠른: 120ms;
  --전환:     200ms;
  --전환느린: 400ms;

  /* ───────── 글자 ───────── */
  /* ⛔ 밖에서 받아오지 않습니다. 컴퓨터에 있는 것만 순서대로 씁니다 */
  --글꼴: "Pretendard", "맑은 고딕", "Malgun Gothic", system-ui,
          -apple-system, sans-serif;
  --제목글꼴: "Gowun Batang", "바탕", Batang, "Nanum Myeongjo", serif;
  --숫자글꼴: "D2Coding", Consolas, "맑은 고딕", monospace;

  --아주작게: 12px; --작게: 14px; --보통: 14px; --조금크게: 16px;
  --크게: 18px; --더크게: 22px; --아주크게: 28px; --숫자크게: 40px;

  /* ───────── 화면 폭 ───────── */
  --가운데폭: 1480px;   /* V7 content 폭 */
  --옆메뉴폭: 240px;    /* V7 sidebar 폭 */
  /* 머리띠(제목줄 + 큰 탭 줄) 높이 — 옆 메뉴와 작은 탭 줄이 여기에 붙습니다.
     실제 값은 shell.js 가 화면에서 재서 덮어씁니다(글자 크기가 바뀌어도 안 어긋나게) */
  --머리띠높이: 100px;
}