/*
  IntelliRent Custom Styles
  Inspired by Behance - clean, modern, and spacious.
*/

:root {
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Manrope', sans-serif;
    
    --color-background: #F8F8F8; /* Light gray, almost white */
    --color-text-primary: #1a1a1a; /* Very dark gray, almost black */
    --color-text-secondary: #666666; /* Medium gray for secondary text */
    --color-accent: #007BFF; /* A strong, modern blue */
    --color-white: #FFFFFF;
}

body {
    font-family: var(--font-body);
    background-color: var(--color-background);
    color: var(--color-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-heading { font-family: var(--font-heading); }
.font-body { font-family: var(--font-body); }
.bg-background { background-color: var(--color-background); }
.text-text-primary { color: var(--color-text-primary); }
.text-text-secondary { color: var(--color-text-secondary); }
.text-accent { color: var(--color-accent); }
.bg-accent { background-color: var(--color-accent); }

/* Custom Button Styles */
.smr-btn {
    @apply inline-block font-medium tracking-wide rounded-full text-center transition-all duration-300;
}
.smr-btn-primary {
    @apply bg-accent text-white px-8 py-3;
}
.smr-btn-primary:hover {
    @apply bg-text-primary;
}
.smr-btn-secondary {
    @apply bg-transparent border border-gray-300 text-text-primary px-8 py-3;
}
.smr-btn-secondary:hover {
    @apply bg-text-primary text-white border-text-primary;
}
.smr-btn-lg {
    @apply px-10 py-4 text-lg;
}

/* Custom Navigation Link Style */
.smr-nav-link {
    @apply font-medium text-text-primary relative py-1 transition-colors duration-300;
}
.smr-nav-link:not(.active):hover {
    color: var(--color-accent);
}
.smr-nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-accent);
    transition: width 0.3s ease-out;
}
.smr-nav-link:hover::after {
    width: 100%;
}
.smr-nav-link.active {
    color: var(--color-accent);
}

/* Feature Card Style */
.feature-card {
    @apply bg-background p-6;
    border-left: 2px solid var(--color-accent);
}

/* Apartment Listing Card */
.apartment-listing-card {
    @apply bg-white rounded-lg overflow-hidden shadow-sm transition-shadow duration-300;
}
.apartment-listing-card:hover {
    @apply shadow-xl;
}
.apartment-listing-img {
    @apply w-full h-80 object-cover;
}

/* Custom Input Style */
.smr-input {
    @apply w-full p-4 bg-background border border-transparent rounded-md transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent;
}

/* Prose styles for privacy policy */
.prose h2, .prose h3, .prose h4 {
    font-family: var(--font-heading);
    color: var(--color-text-primary);
}