/* ===========================================================
   AGATHA 사이트 공용 테마 토큰 (2026-07-27 밝은 테마 개편)
   - 색은 여기 한 곳에서만 정의한다. 페이지 CSS 는 var(--ag-*) 로만 참조할 것.
     (개편 전엔 색이 1,000곳 하드코딩돼 있어서 톤 하나 바꾸는 데 하루가 걸렸다)
   - 로드 순서: 페이지 <style> 보다 먼저 (head 에서 link).
   ⚠️ 새 색을 쓰고 싶으면 여기에 토큰을 추가하고 이름으로 쓴다. 페이지에 #hex 를 다시 박지 말 것.
   =========================================================== */
:root{
  /* ── 바탕 ── */
  --ag-paper:   #F4F1EA;   /* 기본 배경. 순백(#fff)은 병원 느낌이라 안 쓴다 */
  --ag-paper2:  #EAE5DA;   /* 한 톤 눌린 면 (카드/배너 바탕) */
  --ag-paper3:  #DFD8CA;   /* 더 눌린 면 (입력창 등) */

  /* ── 글자 ── */
  --ag-ink:     #171319;   /* 본문 */
  --ag-ink2:    #5C5550;   /* 보조 설명 */
  --ag-ink3:    #8B837B;   /* 가장 흐린 라벨 */
  --ag-line:    #DDD6C8;   /* 구분선/테두리 */
  --ag-line2:   #C8BFAD;   /* 진한 구분선 */

  /* ── 포인트 ──
     레드 = 브랜드 포인트(2026-07-27 확정). 붉은 눈 세계관 + 사전예약에서 검증.
     골드는 "특별함" 전용(1위·칭호·초기멤버) — 범용 강조에 쓰지 말 것. */
  --ag-red:     #E8334E;
  --ag-red-dk:  #B8172F;   /* hover/누름 */
  --ag-red-sf:  rgba(232,51,78,.09);   /* 아주 옅은 배경 */
  --ag-gold:    #B98A2E;
  --ag-gold-sf: rgba(185,138,46,.12);

  /* ── 보조 색 (상태/카테고리) ── */
  --ag-green:   #03A048;   /* 네이버 카페 등 */
  --ag-blue:    #2B5FBF;   /* 로고 액센트 계열 */
  --ag-warn:    #C2410C;

  /* ── 어두운 면 (밝은 페이지 안에서 대비를 주는 블록: 이미지 위 스크림, 다크 버튼) ── */
  --ag-dark:    #171319;
  --ag-on-dark: #F4F1EA;   /* 어두운 면 위의 글자 */
  --ag-scrim:   linear-gradient(180deg,transparent 42%,rgba(12,8,14,.82));

  /* ── 형태 ──
     라운드는 크게 쓰거나 아예 0. 12~14px 은 "웹앱/대시보드" 인상을 만들어 금지. */
  --ag-r:       28px;      /* 카드/타일 */
  --ag-r-sm:    18px;      /* 작은 요소 */
  --ag-r-pill:  999px;     /* 버튼 */

  /* ── 공용 나브 색 (각 페이지가 --nav-* 로 쓰던 값의 밝은 판) ── */
  --nav-bg:     rgba(244,241,234,.86);
  --nav-border: #DDD6C8;
  --nav-text:   #171319;
  --nav-dim:    #5C5550;
  --nav-red:    #E8334E;
  --nav-gold:   #B98A2E;
}

/* 한글은 단어 중간에서 끊기면 "이야기를 나 / 눕니다" 처럼 지저분해진다.
   테마와 무관하게 전 페이지에 적용할 기본값. */
html{ word-break:keep-all; }