/* Smart Realty custom styles */
:root {
  --sr-primary: #0f4c5c;
  --sr-primary-dark: #0b3a46;
  --sr-accent: #d4a373;
  --sr-accent-dark: #c28d61;
  --sr-soft: #f7f6f3;
  --sr-ink: #0b1d24;
  --sr-muted: #5c6b73;
}

body {
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--sr-ink);
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.btn-primary {
  background: linear-gradient(135deg, var(--sr-primary), var(--sr-primary-dark));
  color: #ffffff;
  box-shadow: 0 16px 30px rgba(15, 76, 92, 0.2);
}

.btn-primary:hover {
  filter: brightness(0.95);
}

.btn-secondary {
  border: 1px solid rgba(15, 76, 92, 0.35);
  color: var(--sr-primary);
  background: #ffffff;
}

.btn-secondary:hover {
  background: rgba(15, 76, 92, 0.08);
}

.card-shadow {
  box-shadow: 0 18px 40px rgba(15, 76, 92, 0.12);
}

.hero-glow {
  background: radial-gradient(circle at 20% 20%, rgba(212, 163, 115, 0.18), transparent 45%),
              radial-gradient(circle at 80% 10%, rgba(15, 76, 92, 0.1), transparent 45%);
}

.input-base {
  border: 1px solid #e2e8f0;
}

.input-base:focus {
  outline: none;
  border-color: var(--sr-primary);
  box-shadow: 0 0 0 3px rgba(15, 76, 92, 0.15);
}

.section-kicker {
  font-size: 0.72rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--sr-muted);
  font-weight: 600;
}

.section-title {
  font-size: clamp(1.75rem, 2.2vw, 2.4rem);
  font-weight: 600;
}

.badge {
  border: 1px solid rgba(212, 163, 115, 0.45);
  color: var(--sr-accent-dark);
  background: rgba(212, 163, 115, 0.14);
}

.glass-panel {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.8);
}