/* ============================================================
   ARAZIA 공용 UI 테마 (Source of Truth) — AI6 소유
   v2 "Metallic Gold + Dark Forest" 디자인 시스템.
   근거: azr/uploads/ARAZIA_Metallic_Gold_Brand_Manual_v2 + 5개 UI 목업(.dc.html).
   모든 앱(apps/web, apps/admin, apps/partner)은 이 파일을 import 해 테마를 적용한다.
   컨셉: "Deep forest atmosphere with reflective true-gold highlights, not plain yellow."
         프리미엄·에디토리얼·검증된 럭셔리(한국 부동산 × 외국인 바이어).
   ============================================================ */

:root {
  /* ---- Forest (구조/배경/텍스트) ---- */
  --arazia-forest-black: #061F16;
  --arazia-deep-forest:  #082A1D;
  --arazia-forest-green: #103820;   /* 기본 헤드라인/브랜드 그린 */
  --arazia-emerald:      #184A35;
  --arazia-emerald-light:#2A5E49;

  /* ---- Neutral (배경/서페이스) ---- */
  --arazia-ivory:     #FAF8F1;      /* 기본 페이지 배경 */
  --arazia-porcelain: #F4F1E8;      /* 보조 서페이스 */
  --arazia-white:     #FFFFFF;      /* 카드 서페이스 */
  --arazia-text-dark: #15261E;      /* 본문 텍스트 */
  --arazia-muted:     #66736C;      /* 캡션/보조 텍스트 */

  /* ---- Metallic Gold (포인트/CTA/신뢰) ---- */
  --arazia-gold-shadow:    #5E3B0D;
  --arazia-gold-deep:      #8A5A12;
  --arazia-gold-main:      #B88728; /* MAIN GOLD: 진짜 금속감, 노랑 아님 */
  --arazia-gold-core:      #C49A3C;
  --arazia-gold-lux:       #D6B35C;
  --arazia-gold-champagne: #F7E6A1;
  --arazia-gold-flash:     #FFF6C9;

  /* ---- 기능색 (운영 콘솔 등 상태 신호. AI6 승인 CHG-0009) ---- */
  --arazia-success: #184A35;   /* = emerald (성공/정상) */
  --arazia-warning: #8A5A12;   /* = gold-deep (주의) */
  --arazia-danger:  #A4382E;   /* 브릭 레드 — v2 팔레트 외 유일한 기능색(위험/거절). 브랜드 강조엔 사용 금지 */

  /* ---- 시그니처 그라데이션 ---- */
  --arazia-metal-gold-gradient: linear-gradient(135deg,
      #5E3B0D 0%, #B88728 16%, #F7E6A1 31%, #C49A3C 43%,
      #FFF6C9 57%, #8A5A12 72%, #D6B35C 88%, #B88728 100%);
  --arazia-gold-gradient-soft: linear-gradient(135deg, #B88728 0%, #F7E6A1 50%, #8A5A12 100%);
  --arazia-forest-gradient: linear-gradient(135deg, #184A35 0%, #082A1D 55%, #061F16 100%);

  /* ---- Elevation ---- */
  --arazia-gold-glow: 0 10px 34px rgba(184, 135, 40, .36);
  --arazia-gold-edge: 1px solid rgba(247, 230, 161, .58);
  --arazia-shadow-card: 0 6px 24px rgba(6, 31, 22, .08);
  --arazia-shadow-lift: 0 14px 40px rgba(6, 31, 22, .14);
  --arazia-hairline: 1px solid rgba(16, 56, 32, .08);

  /* ---- Typography ---- */
  --arazia-font-serif: 'Merriweather', 'Noto Serif KR', Georgia, serif;      /* 헤드라인 */
  --arazia-font-sans:  'DM Sans', 'Noto Sans KR', system-ui, sans-serif;     /* 본문/UI */
  --arazia-font-num:   'DM Sans', system-ui, sans-serif;                     /* 금융 숫자(tabular) */
  --arazia-tracking-luxe: .16em;   /* 소문자 라벨 대문자+자간 (럭셔리 큐) */

  /* ---- 타이포 스케일 (px) ---- */
  --arazia-fs-hero: 52px;   --arazia-fs-h1: 40px; --arazia-fs-h2: 30px;
  --arazia-fs-h3: 22px;     --arazia-fs-body: 16px; --arazia-fs-caption: 13px;
  --arazia-fs-num: 30px;

  /* ---- Radius (목업 실측) ---- */
  --arazia-r-pill: 50px;    /* 버튼/칩 */
  --arazia-r-card: 12px;    /* 카드 */
  --arazia-r-md: 8px;       /* 입력/패널 */
  --arazia-r-sm: 6px;       /* 태그/작은 요소 */
  --arazia-r-xs: 4px;

  /* ---- Spacing ---- */
  --arazia-gap-section: 96px;
  --arazia-pad-card: 22px;
  --arazia-maxw: 1240px;
}

/* ============================================================
   기본 요소
   ============================================================ */
body.arazia,
.arazia {
  background: var(--arazia-ivory);
  color: var(--arazia-text-dark);
  font-family: var(--arazia-font-sans);
  font-size: var(--arazia-fs-body);
  line-height: 1.6;
}
.arazia h1, .arazia h2, .arazia h3, .arazia .serif {
  font-family: var(--arazia-font-serif);
  color: var(--arazia-forest-green);
  font-weight: 700;
  letter-spacing: -.01em;
}
.arazia .num { font-family: var(--arazia-font-num); font-variant-numeric: tabular-nums; }

/* 대문자 럭셔리 라벨 (섹션 아이브로우 등) */
.arazia-eyebrow {
  text-transform: uppercase;
  letter-spacing: var(--arazia-tracking-luxe);
  font-size: 12px;
  color: var(--arazia-gold-deep);
  font-weight: 600;
}

/* 금속 골드 텍스트 (제목 강조 — 짧게만) */
.arazia-gold-text {
  background: var(--arazia-metal-gold-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* ============================================================
   버튼
   ============================================================ */
/* Primary CTA: 금속 골드 그라데이션 + 포레스트 텍스트 (목업 실측) */
.arazia-btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 26px; border-radius: var(--arazia-r-pill);
  font-family: var(--arazia-font-sans); font-weight: 600; font-size: 14px;
  cursor: pointer; border: 1px solid var(--arazia-gold-core); transition: .2s ease;
}
.arazia-btn-primary {
  background: var(--arazia-metal-gold-gradient);
  color: var(--arazia-forest-green);
  box-shadow: var(--arazia-gold-glow);
}
.arazia-btn-primary:hover { filter: brightness(1.04); transform: translateY(-1px); }
/* Secondary: 골드 아웃라인 pill (투명 배경) */
.arazia-btn-outline {
  background: rgba(184, 135, 40, 0.08);
  border: 1px solid rgba(184, 135, 40, 0.45);
  color: var(--arazia-gold-deep); padding: 8px 18px; font-size: 13px;
}
/* Forest: 어두운 서페이스 위 */
.arazia-btn-forest { background: var(--arazia-forest-gradient); color: var(--arazia-gold-champagne); border-color: transparent; }

/* ============================================================
   카드 (매물 카드 등)
   ============================================================ */
.arazia-card {
  background: var(--arazia-white);
  border: var(--arazia-hairline);
  border-radius: var(--arazia-r-card);
  box-shadow: var(--arazia-shadow-card);
  overflow: hidden; transition: .25s ease;
}
.arazia-card:hover { box-shadow: var(--arazia-shadow-lift); transform: translateY(-2px); }
.arazia-price { font-family: var(--arazia-font-num); font-variant-numeric: tabular-nums;
  font-size: var(--arazia-fs-num); color: var(--arazia-forest-green); font-weight: 700; }

/* ============================================================
   검증 배지 / 태그 (신뢰 레이어 — 카드에서 1초 판단)
   ============================================================ */
.arazia-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: var(--arazia-r-pill);
  font-size: 12px; font-weight: 600; letter-spacing: .02em;
}
.arazia-badge-verified { /* 금속 골드 테두리 = 검증 프리미엄 */
  background: rgba(184,135,40,.1); color: var(--arazia-gold-deep);
  border: 1px solid rgba(184,135,40,.5);
}
.arazia-badge-forest { background: var(--arazia-forest-green); color: var(--arazia-gold-champagne); }
.arazia-tag {
  padding: 4px 10px; border-radius: var(--arazia-r-sm);
  background: var(--arazia-porcelain); color: var(--arazia-text-dark); font-size: 12px;
}

/* ============================================================
   입력 / 패널
   ============================================================ */
.arazia-input {
  width: 100%; padding: 13px 16px; border-radius: var(--arazia-r-md);
  border: 1px solid rgba(16,56,32,.16); background: var(--arazia-white);
  font-family: var(--arazia-font-sans); font-size: 15px; color: var(--arazia-text-dark);
}
.arazia-input:focus { outline: none; border-color: var(--arazia-gold-main);
  box-shadow: 0 0 0 3px rgba(184,135,40,.15); }

/* 섹션 상단 골드 헤어라인 (에디토리얼 구분선) */
.arazia-divider-gold { height: 2px; border: 0; background: var(--arazia-gold-gradient-soft); opacity: .8; }

/* ============================================================
   다크(포레스트) 섹션 — 히어로/푸터/프리미엄 배너
   ============================================================ */
.arazia-dark {
  background: var(--arazia-forest-gradient);
  color: var(--arazia-ivory);
}
.arazia-dark h1, .arazia-dark h2, .arazia-dark h3 { color: var(--arazia-ivory); }
.arazia-dark .arazia-eyebrow { color: var(--arazia-gold-lux); }