/* ============================================================
   메인 (kingsgarden.co.kr) 테마 — 디자인 시스템(packages/design/kg-tokens.css)의 의미 이름을 이 사이트 색으로
   이 사이트만의 색은 여기서만 고친다. 공통 값은 디자인 시스템에서. (메인 · 베이커리는 크림 · 갈색 · 올리브)
   ============================================================ */

[data-kg-site="home"] {
  /* 카페 느낌 — 크림 바탕 · 짙은 먹색 글자 · 벽돌 포인트 (고동색 안 씀, 2026-11) */
  --kg-bg:        var(--kg-cream-50);
  --kg-surface:   var(--kg-cream-25);
  --kg-surface-2: var(--kg-cream-100);
  --kg-surface-3: var(--kg-cream-200);
  --kg-ink:       var(--kg-gray-900);
  --kg-ink-2:     var(--kg-gray-600);
  --kg-ink-3:     var(--kg-gray-500);
  --kg-line:      var(--kg-cream-200);
  --kg-line-2:    var(--kg-cream-500);

  --kg-brand:       var(--kg-brick-500);    /* 강조 — 벽돌 */
  --kg-brand-hover: var(--kg-brick-600);
  --kg-brand-soft:  var(--kg-brick-50);
  --kg-on-brand:    var(--kg-cream-25);
  --kg-logo:        var(--kg-brick-500);

  /* 위 · 아래 띠 — 짙은 색 대신 크림 (로고는 벽돌, 글자는 먹색) */
  --kg-dark:      var(--kg-cream-50);
  --kg-on-dark:   var(--kg-brick-600);
  --kg-on-dark-2: var(--kg-gray-600);
  --kg-on-dark-3: var(--kg-cream-500);

  /* 지도 그림 */
  --site-map-ground: var(--kg-cream-200);
  --site-map-road:   var(--kg-cream-50);
  --site-map-park:   var(--kg-brick-50);
  /* 휴대폰 그림 (보는 법) */
  --site-phone:     var(--kg-gray-900);
  --site-sketch:    var(--kg-cream-400);
  --site-sketch-2:  var(--kg-cream-600);

  --fs: 16px;   /* 본문 글자 크기 */
  color-scheme: light;
}