/* ══════════════════════════════════════════════════════════════
   테마 C — 경기광주역롯데캐슬시그니처2단지.pages.dev 전용

   site.css 를 그대로 쓰고 이 파일이 뒤에서 덮어씁니다.
   A·B 와 한눈에 달라 보여야 합니다. 같아 보이면 검색엔진이
   한쪽을 복제로 보고 묻어 버립니다.

   A  흰 바탕 + 딥그린,  제목 명조 왼쪽
   B  미색 바탕 + 먹빛,  제목 고딕 가운데
   C  짙은 바탕 + 금색,  제목 크게 왼쪽 (밤에 보는 느낌)

   금색 #AB8B62 는 로고 색이라 셋이 같이 씁니다.
   ══════════════════════════════════════════════════════════════ */

/* ── 색감 ─────────────────────────────────────── */
.site-c{
  --navy:#0E1A14;
  --navy-2:#1C2E24;
  --navy-deep:#070F0B;
  --wine:#C9A227;           /* 강조 — 번호·라벨·버튼 */
  --wine-soft:#E3C766;
  --bg:#0E1A14;
  --bg-soft:#16241C;
  --surface:#16241C;
  --ink:#F2EFE6;
  --ink-soft:#C3CCC6;
  --muted:#8A968F;
  --line:#28382F;
}

/* ── 바탕과 글자 ──────────────────────────────── */
.site-c body,
.site-c{
  background:var(--bg);
  color:var(--ink);
}

.site-c .sec,
.site-c section{ background:transparent; }

/* ── 제목 — 크게, 왼쪽 ────────────────────────── */
.site-c h1,
.site-c h2,
.site-c .t{
  text-align:left;
  letter-spacing:-.02em;
  color:var(--ink);
}
.site-c h2,
.site-c .t{ font-size:clamp(26px,4.4vw,44px); }

/* ── 카드 — 짙은 면 + 금색 윗선 ───────────────── */
.site-c .card,
.site-c .box,
.site-c .tbl{
  background:var(--surface);
  border:1px solid var(--line);
  border-top:2px solid var(--wine);
  color:var(--ink);
}

/* ── 표 ───────────────────────────────────────── */
.site-c .tbl th{ background:var(--bg-soft); color:var(--wine-soft); }
.site-c .tbl td{ color:var(--ink); }

/* ── 버튼 ─────────────────────────────────────── */
.site-c .btn-1{ background:var(--wine); color:#0E1A14; border-color:var(--wine); }
.site-c .btn-2{ background:transparent; color:var(--wine); border-color:var(--wine); }

/* ── 사진은 조금 눌러서 글자가 살게 ───────────── */
.site-c .hero img,
.site-c .shero img{ filter:brightness(.82) saturate(1.05); }

/* ── 머리·바닥 ────────────────────────────────── */
.site-c header,
.site-c .hd{ background:rgba(7,15,11,.92); border-bottom:1px solid var(--line); }
.site-c footer,
.site-c .ft{ background:var(--navy-deep); color:var(--muted); }