/* =============================================================================
   CAPTAIN CARE Ver.02 — tokens.css   (I2 · 2026-07-31)
   브랜드 토큰. 색·간격·타이포의 **정본은 여기 하나**다.

   값의 출처 = 추측이 아니라 실측이다.
     라임   #DFFF5A  — 캡틴다이어트 전자책(41p 브랜드북) 표지 전면
     먹색   #231916  — 설명한의원 로고 원색(순수 검정 아님)
     파스텔 5색      — 캡틴 설명서(의료용) 분류 칩
   ⚠ 화면에서 이 값을 직접 쓰지 않는다. 토큰명으로만 참조한다 —
     톤이 바뀔 때 갈아끼울 곳이 한 곳이어야 한다(바이블 5-1 하드코딩 금지와 같은 이유).
============================================================================= */

:root {
  /* ── 브랜드 ── */
  --lime:        #DFFF5A;   /* 표지·강조 전용. 넓은 면에 깔지 않는다 */
  --lime-deep:   #D1E854;
  --lime-shade:  #9CAD41;   /* 라임 위 텍스트/보더가 필요할 때 */
  --lime-wash:   #F7FFE0;   /* 아주 옅은 배경(선택 상태·강조 블록) */

  --ink:         #231916;   /* 본문·로고 원색 */
  --ink-70:      #5B5350;
  --ink-45:      #8C8683;
  --ink-20:      #D6D2D0;
  --ink-08:      #EFEDEC;
  --paper:       #FFFFFF;
  --paper-dim:   #FAFAF9;

  /* ── 분류 파스텔 (설명서 칩) ── */
  --cat-mint:     #84D5C4;
  --cat-pink:     #FBCCD4;
  --cat-lavender: #E9D2EC;
  --cat-sky:      #DBF3F7;
  --cat-lime:     #E0EE7B;

  /* ── 상태 ── */
  --ok:    #2E7D5B;
  --warn:  #B5651D;
  --stop:  #B3261E;   /* 정체·미납 등 '직원이 오늘 처리해야 할 것' */

  /* ── 타이포 ──
     브랜드북은 둥근 고딕이다. 웹 표준 대체로 Pretendard 를 쓰고 시스템 폰트로 폴백한다. */
  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
          "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --fs-display: 2.25rem;   /* 섹션 큰 숫자 */
  --fs-h1:      1.5rem;
  --fs-h2:      1.185rem;
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.8125rem;
  --lh-body:    1.65;      /* 브랜드북 본문이 넉넉하다 */

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

  /* ── 터치 ──
     🔴 태블릿 우선(2026-07-31 대표님 결정). 44px 는 최소값이지 목표값이 아니다.
        데스크탑에서 줄이지 않는다 — 같은 코드가 세 기기를 덮는다. */
  --touch: 44px;
  --touch-lg: 52px;

  /* ── 모양 ── */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-full: 999px;
  --shadow-1: 0 1px 2px rgba(35,25,22,.06), 0 1px 8px rgba(35,25,22,.04);
  --shadow-2: 0 2px 6px rgba(35,25,22,.08), 0 8px 24px rgba(35,25,22,.06);

  /* ── 레이아웃 ── */
  --nav-w: 236px;          /* 직원 콘솔 사이드 네비(데스크탑) */
  --tabbar-h: 60px;        /* 회원 PWA 하단 탭 */
  --content-max: 1180px;
  --m-max: 560px;          /* 회원 PWA 최대 폭 — 폰 레이아웃이 데스크탑에서 늘어나지 않게 */
  --read-max: 68ch;        /* 콘텐츠 카드 본문 — 브랜드북처럼 한 줄이 길지 않게 */
}

/* 다크는 1차 스코프 밖이다. 회원 화면이 야간에 열리는 일이 많아 후속으로 남긴다.
   지금 반쪽만 넣으면 색이 두 곳에서 관리된다(정본 1개 원칙 위반). */