/*==================================
Theme Color - Modern Real Estate Palette
Compatible with PHP 8
==================================*/
:root {
	 --theme-ordinary-color: #64748b;  /* slate-500 - body text */
}
:root {
	 --theme-primary-color: #16a34a;  /* green-600 - accents, buttons, links */
}
:root {
	 --theme-secondary-color: #0f172a;  /* slate-900 - headers, dark elements */
}
:root {
	 --theme-white-color: #fff;  /* white */
}
:root {
	 --theme-light-color: #f8fafc;  /* slate-50 */
}
:root {
	 --theme-gray-color: #f1f5f9;  /* slate-100 */
}
:root {
	 --theme-footer-color: #020617;  /* slate-950 */
}
:root {
	 --theme-dark-color: #0f172a;  /* slate-900 */
}
:root {
	 --text-light-color: #94a3b8;  /* slate-400 - light text on dark */
}
:root {
	 --theme-primary-opacity-color: rgba(22, 163, 74, 0.9);  /* green-600 with opacity */
}
:root {
	 --theme-secondary-opacity-color: rgba(15, 23, 42, 0.85);  /* slate-900 with opacity */
}
:root {
	 --theme-white-opacity-color: rgba(255, 255, 255, 0.3);
}
:root {
	 --theme-dark-opacity-color: rgba(0, 0, 0, 0.5);
}
/*==================================
Font Variable
==================================*/
:root {
	 --theme-ordinary-font: 'Inter', 'Muli', sans-serif;  /* Modern readable font */
}
:root {
	 --theme-highlight-font: 'Plus Jakarta Sans', 'Comfortaa', sans-serif;  /* Headings */
}

/* Theme overrides - align Bootstrap success with modern primary */
.text-success, .text-success i, .text-success svg { color: var(--theme-primary-color) !important; }
.hover-text-success:hover, .hover-text-success a:hover { color: var(--theme-primary-color) !important; }
.btn-success { background-color: var(--theme-primary-color) !important; border-color: var(--theme-primary-color) !important; }
.btn-success:hover, .btn-success:focus { filter: brightness(1.1); }
.hover-success-nav .navbar-nav .nav-link:hover,
.hover-success-nav .navbar-nav .nav-link.active { color: var(--theme-primary-color) !important; }
.owl-dots-hover-success .owl-dots .owl-dot:hover,
.owl-dots-hover-success .owl-dots .owl-dot.active { background-color: var(--theme-primary-color) !important; }

/* Bootstrap defaults (cyan/blue) → same green family as theme primary */
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active { background-color: var(--theme-primary-color) !important; border-color: var(--theme-primary-color) !important; color: #fff !important; }

/* Bootstrap 4 theme variables (loaded after bootstrap.min.css) */
:root {
	--primary: #16a34a;
	--info: #15803d;
	--blue: #16a34a;
	--cyan: #15803d;
}