/*
Theme Name: Top Realtors NYC
Theme URI: https://toprealtorsnyc.com/
Author: Dev
Description: Minimal starter theme.
Version: 1.0.0
Text Domain: toprealtorsnyc
*/

/* Temporary webfont load (swap to local later if you want) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');

/* Design tokens (prestige palette) */
:root{
  --color-bg:#ffffff;
  --color-text:#111111;
  --color-muted:#666666;
  --color-black:#000000;
  --color-gold:#D4AF37; /* accent */
  --container:1200px;
}

/* Base */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji",sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:"Playfair Display", serif; color:#000; margin:0 0 .5rem}
h1{font-weight:700; letter-spacing:.2px}
p{margin:0 0 .75rem; color:var(--color-muted)}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}

/* Layout helpers */
.container{width:90%; max-width:var(--container); margin:0 auto}
.section{padding:56px 0}
.grid{display:grid; gap:32px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* Card */
.card{
  background:#f7f7f7;
  border:1px solid #eee;
  padding:16px;
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
}

.badge{
  display:inline-block; padding:4px 10px; border-radius:999px;
  background:var(--color-gold); color:#000; font-weight:600; font-size:.8rem;
}

/* Header/Footer (basic) */
.site-header, .site-footer{ /* fixed selector */
  background:#000; color:#fff; padding:20px 0; text-align:center
}

/* Hero */
.hero{padding:80px 0 56px; text-align:center; background:#fafafa}
.hero h1{font-size:2.6rem; margin:.25rem 0}
.hero p{font-size:1.1rem}

/* Buttons */
.btn{
  display:inline-block; padding:10px 20px; border-radius:999px;
  background:#000; color:#fff; font-weight:600; transition:background .2s ease;
}
.btn:hover{background:#222}

/* A11y helpers */
.screen-reader-text{
  position:absolute!important; height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap
}
a:focus, button:focus{outline:2px solid var(--color-gold); outline-offset:2px}

/* Responsive */
@media (max-width:768px){
  .section{padding:40px 0}
  .hero{padding:56px 0 40px}
}