/* ==========================================================================
   sorrel-theme.css — Sorrel Heights ke HTML pages ko live sorrelbuildcon.com
   ke design (black + gold, Playfair Display + Geist) me laata hai.
   style.css ke BAAD load hota hai, isliye yahan ki values jeetti hain.
   Rang badalne hain to sirf :root ke variables badlo.
   ========================================================================== */

@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/caa3a2e1cccd8315-s.p.3b6cae6d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/7178b3e590c64307-s.55554cd0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/2a65768255d6b625-s.p.d19752fb.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/b49b0d9b851e4899-s.4f3fa681.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* live site tokens */
  --sb-black:#0f0f0f;
  --sb-white:#fafafa;
  --sb-gold:#c5a059;
  --sb-gold-hover:#b08d48;
  --sb-gold-ink:#8a6d2f;          /* gold jo white par padhne layak ho (links) */

  /* purane variables ko naye rang */
  --navy:var(--sb-black);
  --navy-2:#0a0a0a;
  --teal:var(--sb-gold-ink);
  --orange:var(--sb-gold);
  --orange-2:var(--sb-gold-hover);
  --ink:#1a1a1a;
  --muted:#6b7280;
  --line:#e5e7eb;
  --tint:#f5f3ee;
  --bg:#ffffff;
  --radius:12px;
  --shadow:0 10px 30px rgba(15,15,15,.08);
  --display:"Playfair Display","Playfair Display Fallback",Georgia,serif;
  --body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

body{background:var(--sb-white);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em;color:var(--sb-black)}
h2{font-weight:700}
a{color:var(--teal)}
::selection{background:var(--sb-gold);color:#fff}
:focus-visible{outline-color:var(--sb-gold)}

/* eyebrow = live site ka gold small caps label */
.eyebrow{color:var(--sb-gold);letter-spacing:.25em}
.eyebrow--light{color:var(--sb-gold)}

/* Buttons — live site jaise sharp, uppercase, gold */
.btn{border-radius:2px;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:700}
.btn--sm{font-size:.74rem}
.btn--accent{background:var(--sb-gold);color:#fff}
.btn--accent:hover{background:var(--sb-gold-hover)}
.btn--ghost,.btn--ghost-dark{border-color:var(--sb-black);color:var(--sb-black)}
.btn--ghost:hover{background:var(--sb-black);color:#fff}

/* Top bar */
.topbar{background:var(--sb-black);color:#9ca3af;letter-spacing:.02em}
.topbar a{color:#e5e7eb}
.topbar a:hover{color:var(--sb-gold);text-decoration:none}

/* Header — live navbar (white/95 + blur + shadow) */
.nav{background:rgba(250,250,250,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.nav__brand{display:flex;flex-direction:column;align-items:center;text-decoration:none}
.nav__brand img{height:44px;width:auto}
.nav__brand::after{content:"Higher quality of living";font:400 .6rem/1 var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--sb-black);margin-top:4px}
.menu__top{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:500;color:var(--sb-black);border-radius:2px}
.menu__top:hover,.menu__item:focus-within .menu__top,.menu__item.is-current .menu__top{color:var(--sb-gold);background:transparent}
.menu__drop{border-radius:8px;border-color:#f3f4f6}
.menu__drop a:hover{background:#faf7f0}
.menu__drop a:hover span{color:var(--sb-gold-ink)}
.nav__toggle span{background:var(--sb-black)}
.mobile{background:var(--sb-white)}
.mobile summary{font-weight:600}

/* Hero (light gradient ko warm neutral karo) */
.hero{background:linear-gradient(180deg,#f3efe6 0%,#faf8f3 55%,#fff 100%)}
.hero__tag{color:var(--sb-gold-ink)}

/* Footer — live site ka black footer, gold serif headings */
.footer{background:var(--sb-black);color:#9ca3af;border-top:1px solid rgba(255,255,255,.1)}
.footer img{background:transparent;padding:0;border-radius:0;height:48px;width:auto}
.footer a{color:#d1d5db}
.footer__grid a{color:#9ca3af}
.footer__grid a:hover,.footer a:hover{color:var(--sb-gold)}
.footer__h{font-family:var(--display);color:var(--sb-gold);font-size:1.05rem}
.footer .small{color:#6b7280;border-top-color:rgba(255,255,255,.1)}
.trust-strip b{color:#fff}
.trust-strip span{color:#9ca3af}

/* Bottom mobile dock */
.dock a{color:var(--sb-black);border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.dock .dock__main{background:var(--sb-gold);border-color:var(--sb-gold)}