/* Trắng Kem • Xám Graphite • Vàng Champagne Luxury Theme Styles */

:root {
  --color-cream-bg: #f8f5ee;
  --color-cream-card: #ffffff;
  --color-cream-border: #e5dfd3;
  --color-graphite-dark: #242220;
  --color-graphite-main: #3a3836;
  --color-graphite-muted: #706b65;
  --color-champagne-main: #b79450;
  --color-champagne-dark: #9e7d3b;
  --color-champagne-light: #f5eedd;
  --color-champagne-border: #dfcd9e;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f8f5ee;
}

::-webkit-scrollbar-thumb {
  background: #ded7c8;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #b79450;
}

/* 4 Main Project Selector Cards */
.project-selector-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  background-color: #ffffff;
  border-color: #e5dfd3;
}

.project-selector-card.active {
  border-color: #b79450 !important;
  background-color: #fdfbf7 !important;
  box-shadow: 0 14px 30px -6px rgba(183, 148, 80, 0.25) !important;
}

.project-selector-card.active .status-indicator-badge {
  display: inline-flex !important;
  border-color: #dfcd9e !important;
  color: #85662a !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.project-selector-card:not(.active):hover {
  border-color: #cbb070;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px -4px rgba(58, 56, 54, 0.08);
}

/* Property card hover effect */
.property-card {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  background-color: #ffffff;
  border-color: #e5dfd3;
}

.property-card:hover {
  transform: translateY(-3px);
  border-color: #b79450 !important;
  box-shadow: 0 16px 32px -8px rgba(183, 148, 80, 0.18);
}

/* Luxury Status Badges */
.badge-available {
  background: #fbf7ed;
  color: #85662a;
  border: 1px solid #dfcd9e;
}

.badge-sold {
  background: #fdf2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.badge-locked {
  background: #fbf6ec;
  color: #92400e;
  border: 1px solid #fde68a;
}

/* Sub-division pills active */
.sub-pill.active {
  background: #b79450 !important;
  color: #ffffff !important;
  font-weight: 700;
  border-color: #b79450 !important;
  box-shadow: 0 2px 10px rgba(183, 148, 80, 0.35);
}

/* Status filter active */
.status-btn.active {
  background: #ffffff !important;
  color: #242220 !important;
  border-color: #b79450 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Table row styling */
.property-table tr {
  transition: background-color 0.15s ease;
}

.property-table tr:hover {
  background-color: #fbf9f4;
}

.price-highlight {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.02em;
  color: #b79450;
}