:root {
  /* Default Branding Colors (JK Prime Properties) */
  --primary: #3A0D00;
  --secondary: #BB8B2E;
  --text-dark: #1F1F1F;
  --text-light: #FFFFFF;
  --bg-light: #F8F7F5;
  --border: #E6E0D5;

  /* Helper Color Formats for Transparency */
  --primary-rgb: 58, 13, 0;
  --secondary-rgb: 187, 139, 46;
  --bg-light-rgb: 248, 247, 245;

  /* Premium Luxury Accent Colors */
  --dark-bg: #0C0C0C;
  --dark-card: #141414;
  --dark-border: #222222;
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);

  /* Typography */
  --font-serif: 'Prata', Georgia, serif;
  --font-sans: 'Outfit', 'Montserrat', 'Inter', sans-serif;

  /* Spacing & Borders */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  
  /* Transitions */
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.2s ease;
}

/* Global Reset & Scroll Behavior */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  font-family: var(--font-sans);
  color: var(--text-dark);
  background-color: var(--bg-light);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: var(--font-serif);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--primary);
}

/* Ensure headings inside dark luxury backgrounds or elements marked text-light remain white */
.bg-dark-luxury h1, .bg-dark-luxury h2, .bg-dark-luxury h3, .bg-dark-luxury h4, .bg-dark-luxury h5, .bg-dark-luxury h6,
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6,
.modal-content.text-light h1, .modal-content.text-light h2, .modal-content.text-light h3, .modal-content.text-light h4 {
  color: var(--text-light) !important;
}

.text-gold {
  color: var(--secondary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.bg-gold {
  background-color: var(--secondary) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-dark-luxury {
  background-color: var(--dark-bg) !important;
  color: var(--text-light) !important;
}

.border-luxury {
  border-color: var(--border) !important;
}