/* Site design tokens and base styles */
@import url('responsive.css');

:root{
  --brand-primary:#4cb9f5; /* blue */
  --brand-accent:#ffffff; /* white */
  --bg: #ffffff;
  --surface: #ffffff;
  --muted: #6b7280;
  --text: #111827;
  --radius: 8px;
  --shadow-md: 0 6px 18px rgba(2,6,23,0.12);
  --max-width: 1200px;
}

body{color:var(--text);background:var(--bg);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}

a { color: var(--brand-primary); }

.btn-primary {
  background: var(--brand-primary);
  color: #fff;
  border: 0;
  border-radius: var(--radius);
  padding: 8px 14px;
  box-shadow: var(--shadow-md);
}

.btn-primary:hover{opacity:0.95}

.container-main{max-width:var(--max-width);margin:0 auto;padding:0 18px}

.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);padding:16px}

/* Accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Utility */
.text-muted{color:var(--muted)}

/* Make images responsive and lazy-load friendly */
.responsive-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:8px}

/* CTA consistency for property detail */
.cta-primary{display:inline-block;background:var(--brand-primary);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600}

/* Simple layout for agent dashboard */
.agent-dashboard-page .card{background:#fff}

/* small responsive tweaks */
@media (max-width:768px){:root{--max-width:100%}}