/* ─────────────────────────────────────────────
   색·글꼴·모서리 설정
   테마는 관리자 > 사이트 설정에서 고를 수 있습니다. (초원 / 핑크 / 모노)
   색을 바꾸고 싶으면 이 파일의 값만 고치면 사이트 전체에 적용됩니다.
   ───────────────────────────────────────────── */

:root {
  /* 기본: 초원 (연두 창 + 보라 포인트) */
  --sky-top: #e6edf2;       /* 바탕 하늘 위쪽 */
  --sky-bottom: #f1f3ea;    /* 바탕 하늘 아래쪽 */
  --hill-1: #cfe0a6;        /* 뒤쪽 언덕 */
  --hill-2: #b7d08a;        /* 앞쪽 언덕 */

  --chrome: #d7dfb2;        /* 창 테두리 영역 (탭·도구줄·바닥줄) */
  --chrome-2: #e9e8c9;      /* 도구줄 */
  --pane: #fbfbf4;          /* 칸 안쪽 */
  --pane-2: #f3f2e2;        /* 칸 안쪽 (조금 진한) */
  --field: #ffffff;         /* 주소창·입력칸 */
  --line: #a5b874;          /* 테두리 선 */
  --ink: #56623a;           /* 글자 */
  --dim: #98a37a;           /* 흐린 글자 */
  --accent: #9a7fd1;        /* 포인트 (보라) */
  --accent-soft: #eee8f9;   /* 포인트 옅은 배경 */
  --accent-ink: #ffffff;    /* 포인트 위 글자 */
  --danger: #cf6b6b;
  --heart: #e2789a;         /* 연인 ♥ 배지 색 */

  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --pixel: 'Galmuri11', var(--font); /* 메뉴·제목줄의 작은 글씨 (티스토리 스킨 느낌) */

  --r: 18px;     /* 큰 창 모서리 */
  --r-md: 14px;  /* 칸·카드 모서리 */
  --r-sm: 10px;  /* 버튼·입력칸 모서리 */
  --bw: 2px;     /* 테두리 두께 */
}

/* 핑크 (코랄 × 페리윙클) */
:root[data-theme="pink"] {
  --sky-top: #eef1fb;
  --sky-bottom: #f3f2fa;
  --hill-1: #f6dede;
  --hill-2: #f0cdd1;
  --chrome: #f7dede;
  --chrome-2: #fcefef;
  --pane: #ffffff;
  --pane-2: #fbf5f6;
  --line: #e9a9ad;
  --ink: #6a6fa5;
  --dim: #a7aacd;
  --accent: #e8737a;
  --accent-soft: #fde8e9;
  --heart: #e8737a;
}

/* 모노 (흑백) */
:root[data-theme="mono"] {
  --sky-top: #eeeeef;
  --sky-bottom: #f5f5f5;
  --hill-1: #dededf;
  --hill-2: #d2d2d4;
  --chrome: #e2e2e4;
  --chrome-2: #efeff0;
  --pane: #fcfcfc;
  --pane-2: #f3f3f4;
  --line: #a9a9ae;
  --ink: #45454b;
  --dim: #9a9aa0;
  --accent: #3a3a40;
  --accent-soft: #ececee;
  --heart: #3a3a40;
}
