/* ============================================================
   책 일기 — 색상 토큰 (디자인 토큰) 한 곳 모음
   ------------------------------------------------------------
   ▶ 이 파일 하나만 고치면 앱 전체 색이 바뀝니다.
   ▶ 각 줄의 #코드(예: #ece6dd)를 원하는 색으로 바꾸세요.
   ▶ 색 코드를 모르면 구글에 "color picker" 검색 → 색을 고르면
     나오는 #육자리코드(HEX)를 복사해 붙여 넣으면 됩니다.
   ▶ 주석(/* ... *\/)은 "어디에 쓰이는 색인지" 설명입니다.
   ============================================================ */
:root {

  /* === 기본 잉크 / 종이 (가장 많이 쓰이는 기준색) === */
  --ink:        #2a2622;   /* 본문 글자 · 검정 버튼 · 핸들 (진한 브라운블랙) */
  --ink-hover:  #423a31;   /* 검정 버튼에 손 올렸을 때 */
  --text:       var(--ink);/* 본문 글자색 (잉크와 동일 — 글자만 따로 바꾸려면 여기 #코드로) */
  --text-soft:  #6b6359;   /* 흐린 보조 글자 (설명·라벨) */
  --paper:      #fdfaf4;   /* 어두운 배경 위의 밝은 글자/아이콘 · 모달 종이색 (크림) */
  --white:      #ffffff;   /* 입력칸 · 색 스와치 등 흰 표면 */
  --neutral-gray:#888888;  /* 색 없는 경우의 회색 기본값 */

  /* === 화면 배경 === */
--bg:            #e7e7e7; /* 일기 전체 화면 배경 */
--bg-shelf:      #d8d8dc; /* 책장 상단 선반 */
--bg-shelf-2:    #c8c8cd; /* 책장 하단 선반 */
--bg-grad-bottom:#dcdce1; /* 쓰기·달력 무대 배경 그라데이션 아래쪽  */
--page-bg:       #f5f5f7; /* 일기 페이지(펼침) 종이 배경 */
--smart-guide:   rgba(201, 124, 106, 0.6); /* 객체 이동 시 정렬 보조선 — 은은한 테라코타 */

  /* === 책 표지 4색 (새 책 만들 때 고르는 색) === */
  --cover-dusty-pink:  #FBE7E5;  /* 핑크 */
  --cover-sage-green:  #EDDEF1;  /* 연보라 */
  --cover-mist-blue:   #DCEEED;  /* 블루 */
  --cover-cream-beige: #F7F8D4;  /* 레몬 */

  /* === 펜·텍스트 기본 4색 (팔레트 프리셋) === */
  --pen-black: #000000;  /* 검정 */
  --pen-red:   #e23b3b;  /* 빨강 */
  --pen-blue:  #A8D8EA;  /* 파랑 */
  --pen-green: #21a35a;  /* 초록 */

  /* === 도구틀 / 팝업 / 칩 표면 === */
  --surface-floating: rgba(255, 255, 255, 0.97); /* 도구틀·설정 팝업·사진툴·크기메뉴 배경(흰 반투명) */
  --seg-bg:        #efe9df;  /* 토글(볼펜/형광펜, 영역/픽셀) 바탕 */
  --dock-active-bg:#efe7da;  /* 도구틀에서 선택된 도구 강조 원 */
  --dock-icon:     #4a4036;  /* 도구틀 아이콘 색 */
  --icon-muted:    #3a332b;  /* 헤더 둥근 아이콘 버튼 글자/아이콘 */
  --chip-bg:       #f1ece2;  /* 이모지 선택 칩 바탕 */
  --chip-bg-hover: #e9e2d4;  /* 이모지 칩 hover */
  --thumb-bg:      #efeae1;  /* 썸네일 자리 비었을 때 바탕 */

  /* === 입력칸 / 강조 / 버튼 / 상태 === */
  --field-border:       #d9d2c5; /* 입력칸·날짜칸 테두리 */
  --field-border-focus: #a89677; /* 입력칸 포커스 테두리 */
  --focus-ring:         #6b8cff; /* 키보드 포커스 외곽선 */
  --danger:        #c0392b;  /* 삭제/위험 버튼 */
  --danger-hover:  #a93226;  /* 삭제 버튼 hover */
  --danger-text:   #b03a2e;  /* '박스 삭제' 등 위험 글자 */
  --delete-zone-bg:#050505;  /* 책 찢어 삭제할 때 드러나는 어두운 바탕 */
  --delete-zone-icon:#ff6b6b;/* 삭제 영역 휴지통 아이콘 */
  --search-mark-bg:#ffe9a8;  /* 검색 결과 강조(하이라이트) 배경 */
  --note-text:     #8a6d3b;  /* 검색 안내문 글자 */
  --note-bg:       #fbf3df;  /* 검색 안내문 배경 */

  /* === 사진 / 텍스트박스 편집 표시 === */
  --select-blue: #3a82f6;  /* 텍스트 박스 선택 테두리·커서 */
  --crop-blue:   #3498db;  /* 사진 크롭·올가미 표시선 */
  --photo-accent:#2874a6;  /* 사진 편집 도구 라벨 */
  --handle-fill:   #fdfaf4;      /* 크기/회전/크롭 핸들 안쪽 색 (종이색과 동일) */
  --handle-stroke: #2a2622;      /* 핸들 테두리 색 (잉크색과 동일) */

  /* === 달력 === */
  --cal-sat:        #4a78c2; /* 토요일 글자 */
  --cal-sun:        #c25a4a; /* 일요일·빨간날 글자 */
  --cal-btn-text:   #5a4a36; /* 달력 월 이동 버튼 글자 */
  --cal-btn-bg-hover:#fbf4e6;/* 달력 월 이동 버튼 hover */
  --cal-card-grad-1:#FFF4AA; /* '달력 책' 표지 그라데이션 (위) */
  --cal-card-grad-2:#FFF6BD; /* '달력 책' 표지 그라데이션 (아래) */
  --cal-daynum-text:#2a2018; /* 일기 있는 날 날짜 숫자(썸네일 위) */

  /* === 책장 / 카드 글자 === */
  --book-title-text: #3a322a;  /* 책 제목 글자 (책장) */

  /* === 색상 추가 버튼(그라데이션 원)의 무지개 === */
  --grad-1: #f5365c;  /* 빨강 */
  --grad-2: #fbbf24;  /* 노랑 */
  --grad-3: #34d399;  /* 초록 */
  --grad-4: #38bdf8;  /* 하늘 */
  --grad-5: #818cf8;  /* 보라 */
  --grad-6: #e879f9;  /* 분홍 */

/* === 그림자 === */
--shadow:      0 6px 16px rgba(0, 0, 0, 0.08);
--shadow-deep: 0 12px 30px rgba(0, 0, 0, 0.12);
}