/*
Theme Name: Rivers Collection Theme
Theme URI: https://rivers-collection.vn
Author: Antigravity
Author URI: https://rivers-collection.vn
Description: Giao diện Landing Page sang trọng, hiện đại cho dự án căn hộ River Collection by An Gia.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rivers-theme
*/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* Offset for sticky header */
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #FDFBF7;
  color: #1C1917;
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FAF7F2;
}
::-webkit-scrollbar-thumb {
  background: #C59B68;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #A97C50;
}

/* Hero animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fadeIn 1s ease-out forwards;
}

/* Premium Metallic Gold Gradient Button */
.bg-gradient-gold {
  background: linear-gradient(135deg, #CF9E5C 0%, #FDF6E2 25%, #C59B68 50%, #FDF6E2 75%, #A97C50 100%);
  background-size: 200% auto;
  border: 1px solid rgba(169, 124, 80, 0.35);
  text-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 12px rgba(197, 155, 104, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bg-gradient-gold:hover {
  background-position: right center;
  border-color: rgba(169, 124, 80, 0.6);
  box-shadow: 0 6px 20px rgba(197, 155, 104, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}