@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');

/* ===== Eye Go To Luigi — shared MOODY-DARK theme for all sub-pages ===== */
/* Loaded last (before </body>) so it overrides each page's light styles.   */

:root{
  --ink:#ECE4D6; --champ:#C2A878; --champ-d:#CBB084; --taupe-d:#B6AB97;
  --cream:#1F1B16; --sand:#262019; --sand2:#221C16; --line:rgba(200,174,128,.26); --white:#26201A;
  --muted:#B6AB97; --grade:saturate(.95) contrast(1.02) brightness(1.0) sepia(.04);
}
body{background:#1F1B16;color:#ECE4D6}

/* Headings in Playfair to match the homepage */
h1,h2,h3,.title,.hero h1,.phero h1,.cta h3,article h2,article h3,footer .name,nav .brand,.brand .name{font-family:'Playfair Display',serif}
h2.title{text-transform:none;letter-spacing:.5px}

/* Buttons — minimal underline (Option 4) */
.btn,.btn-gold,.btn-ghost{background:transparent;border:0;border-bottom:1px solid var(--champ);color:#FBFAF7;padding:9px 2px;letter-spacing:5px;text-transform:uppercase;font-size:.72rem;font-weight:400;transition:.3s}
.btn:hover,.btn-gold:hover{background:transparent;color:var(--champ);border-color:var(--champ)}
.btn-ghost{border-bottom-color:var(--line);color:var(--muted)}
.btn-ghost:hover{color:#FBFAF7;border-color:var(--champ)}
nav .nb,.nbook{border-bottom:1px solid var(--champ);color:var(--champ)}

/* Nav (dark, translucent) */
nav{background:rgba(31,27,22,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand,nav .brand,.brand .name{color:#FBFAF7}
.nlinks a.l,nav .nl a,.navdrop-menu a,.mobmenu a{color:var(--muted)}
.nlinks a.l:hover,nav .nl a:hover,.navdrop-menu a:hover{color:var(--champ)}
.navtoggle span{background:#ECE4D6}
.navdrop-menu,.mobmenu{background:#262019}

/* Service-page hero: dark veil over the photo, light type */
.hero{position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,17,13,.84),rgba(20,17,13,.55) 60%,rgba(20,17,13,.72));z-index:0}
.hero>.wrap,.hero .hero-inner{position:relative;z-index:1}
.hero h1{color:#FBFAF7;text-transform:none;font-weight:400}
.hero h1 .gold{color:var(--champ);font-style:italic}
.hero p,.hero .rate{color:#EDE7DC}
.hero .rate .s{color:var(--champ)}

/* Blog-post hero + breadcrumb */
.phero{background:#211C16;border-bottom:1px solid var(--line)}
.phero h1{color:#FBFAF7}
.phero .meta{color:var(--muted)}.phero .meta b{color:#ECE4D6}
.crumb{color:var(--muted)}.crumb a{color:var(--champ)}

/* Body / article text (override hardcoded light-theme greys) */
.sub,.feat p,.srow p,.abouttxt p,.fbase,
article p,article ul,article ol,.tldr p,.faqs details p,.faq details p,.ctable td,.exp,
.author .b,.rev,.share span,.phero .meta{color:var(--muted)}
.tcard p,.faqs summary,.faq summary{color:#ECE4D6}
article a.inl,a.inl{color:var(--champ)}
.ctable th{background:#262019;color:#ECE4D6}
.tldr{background:#262019;border-left-color:var(--champ)}.tldr b{color:var(--champ)}

/* Dark feature blocks that used --ink as a background — keep them dark */
.cta{background:#262019;color:#ECE4D6}
.cta h3{color:#FBFAF7}.cta p{color:var(--muted)}
footer{background:#18140F;color:var(--muted)}
footer .name{color:#FBFAF7}
footer h4{color:var(--champ-d)}
footer a,footer p{color:var(--muted)}
footer a:hover{color:var(--champ)}

/* Cards / panels keep gold hairlines */
.tcard,.bcard,.srow,.bookwrap,.fmap,.author,.rgrid a,.share a,.aboutimg img{border-color:var(--line)}
.author,.rgrid a,.tcard,.bcard{background:#26201A}
.related{background:#221C16}
.rgrid a,.rgrid a .k{color:#ECE4D6}
.rgrid a .k{color:var(--champ-d)}

/* Photo grading + toned map */
.srow .img,.gal>div,.bcard .bimg,.fimg .ph,.pop .pimg,.aboutimg img{filter:var(--grade)}
.fmap iframe{filter:grayscale(.22) sepia(.16) brightness(.82) contrast(1.05)}

/* Gold-background contrast (dark text on gold) */
.newbadge,.pop .ptag,.mobookbar{background:var(--champ);color:#221C16}