/* ============================================================
   theme.css  —  티아공인중개사무소 / 세레노 삼성 (SERENO) 분양 랜딩
   ------------------------------------------------------------
   기준: 자료/design.md · theme.md  ▸ 표준 v3 (Green Authority)
   변형: "Urban Serene Luxury" — 삼성동 도심 하이엔드.
        배포자료 브랜드 컬러(딥 네이비 + 샴페인 골드 #E8D6B3 + 바이올렛 블루 #AF9EE4)에
        맞춰 토큰 '값'만 교체. 이름(--green-*)은 역할 기반으로 유지(=네이비 램프).
        화이트 베이스 + 넉넉한 여백, 모서리 0px 유지.
   ============================================================ */

:root {

  /* ── 1. 브랜드 네이비 시스템 (역할 기반, 이름 유지) ──────── */
  --green-brand: #22314a;   /* 제목·브랜드 헤드라인 (딥 네이비) */
  --green-cta:   #2c3f5c;   /* 버튼·CTA·강조 포인트 (네이비) */
  --green-deep:  #182339;   /* 다크 밴드·푸터·배경 (가장 진한 네이비) */
  --green-mid:   #3d557a;   /* 호버·데코 악센트 */
  --green-light: #e7d6b0;   /* 다크 위 하이라이트 (샴페인 골드) */

  /* ── 2. 샴페인 골드 액센트 (히어로·CTA 포인트) ──────────── */
  --accent: #b8975a;        /* 세레노 샴페인 골드 (버튼·언더라인) */
  --accent-2: #af9ee4;      /* 바이올렛 블루 (아주 절제된 보조 포인트) */

  /* ── 3. 캔버스 & 서피스 (화이트 · 스톤) ─────────────────── */
  --canvas:   #ffffff;   /* 페이지 기본 캔버스 (화이트) */
  --canvas-2: #f2f3f6;   /* 섹션 구분·서브 존 (페일 스톤/블루그레이) */
  --bg:       #ffffff;   /* = canvas (호환) */
  --bg-soft:  #f2f3f6;   /* = canvas-2 (호환) */
  --white:    #ffffff;   /* 카드 서피스 전용 */

  /* ── 4. 텍스트 (네이비 틴트 알파 블랙) ──────────────────── */
  --ink:        rgba(24,29,40,0.90);
  --muted:      rgba(24,29,40,0.55);
  --white-soft: rgba(255,255,255,0.74);

  /* ── 5. 그림자 (위스퍼-소프트) ──────────────────────────── */
  --shadow-card: 0 0 0.5px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.20);
  --shadow-nav:  0 1px 3px rgba(0,0,0,0.10), 0 2px 2px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.07);
  --shadow:      0 6px 24px rgba(24,35,57,0.16), 0 1px 4px rgba(0,0,0,0.08);
  --shadow-sm:   0 0 0.5px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.20);

  /* ── 6. 모서리 — 직각 (프리미엄·정제) ───────────────────── */
  --radius:     0px;
  --radius-btn: 0px;

  /* ── 7. 레이아웃 ────────────────────────────────────────── */
  --maxw: 1240px;

  /* ── 8. 폰트 (본문 Pretendard + 디스플레이 세리프) ───────── */
  --head:    "Pretendard", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body:    "Pretendard", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display: "EB Garamond", "Cormorant Garamond", "Nanum Myeongjo", "Pretendard", serif;
}
