/* Light look of the public pages that were authored dark-only with fixed Tailwind slate/emerald utilities
   (auth/login, public/quick_start, showroom/submit_property). Applies only when the theme is NOT dark; dark keeps «Ashiyan Night» untouched.
   Tokens only (var(--ay-*)). Owned by the theme stream. */
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp){background-color:var(--ay-bg);color:var(--ay-text)}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.bg-slate-950){background-color:var(--ay-surface-2) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp):is(.bg-slate-950){background-color:var(--ay-bg)}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.bg-slate-900,.bg-slate-800,.bg-slate-900\/90,.an-pub-panel){background:var(--ay-surface) !important;box-shadow:0 12px 36px -16px rgba(16,29,53,.14) !important;border-color:var(--ay-border) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.border-slate-800,.border-slate-700,.border-slate-950){border-color:var(--ay-border) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.text-slate-100,.text-slate-300,.text-white,.text-slate-200){color:var(--ay-text) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.text-slate-400,.text-slate-500){color:var(--ay-text-muted) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.text-emerald-400,.text-amber-300,.text-amber-400){color:var(--ay-accent)}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) .text-rose-500{color:var(--ay-bad)}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.bg-emerald-500,.bg-emerald-400,.hover\:bg-emerald-600:hover,.hover\:bg-emerald-400:hover,.bg-gradient-to-r){background:var(--ay-accent-fill) !important;border-color:var(--ay-accent-fill-lo) !important;box-shadow:0 4px 14px rgba(198,165,99,.35)}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.bg-emerald-500,.bg-emerald-400,.bg-gradient-to-r) :is(span,svg,i){color:var(--ay-on-accent) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.bg-emerald-500,.bg-emerald-400,.bg-gradient-to-r,.text-slate-950){color:var(--ay-on-accent) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(.bg-emerald-500\/10,.bg-emerald-500\/5,.bg-amber-500\/10,.an-pub-note,.an-pub-well){background:var(--ay-accent-soft) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is([class^="border-emerald-500/"],[class*=" border-emerald-500/"],[class^="border-amber-500/"],[class*=" border-amber-500/"],[class*=" border-purple-500/"],[class*=" border-indigo-500/"],[class*=" border-blue-500/"]){border-color:var(--ay-accent)}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(input,select,textarea){background-color:var(--ay-surface-2) !important;color:var(--ay-text) !important;border:1px solid var(--ay-border) !important}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) input:-webkit-autofill,
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) input:-webkit-autofill:hover,
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) input:-webkit-autofill:focus,
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px var(--ay-surface-2) inset !important;
  box-shadow:0 0 0 1000px var(--ay-surface-2) inset !important;
  -webkit-text-fill-color:var(--ay-text) !important;
  color:var(--ay-text) !important;
  caret-color:var(--ay-text) !important;
  border-color:var(--ay-border) !important;
  transition:background-color 5000s ease-in-out 0s;
}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(input,select,textarea)::placeholder{color:var(--ay-text-muted);opacity:1}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(input,select,textarea):focus{border-color:var(--ay-accent) !important;background-color:var(--ay-surface) !important;outline:2px solid var(--ay-focus);outline-offset:1px;box-shadow:none}
html:not(.dark) :is(.an-pg-auth,.an-pg-qs,.an-pg-sp) :is(button,a):focus-visible{outline:2px solid var(--ay-focus);outline-offset:2px}
html:not(.dark) .an-pg-auth .auth-tabs{background:var(--ay-surface-2) !important;border-color:var(--ay-border) !important}
html:not(.dark) .an-pg-auth .auth-tab{color:var(--ay-text-muted)}
html:not(.dark) .an-pg-auth .auth-tab.is-active{background:var(--ay-accent-fill) !important;color:var(--ay-on-accent) !important;box-shadow:0 2px 8px rgba(198,165,99,.3)}
html:not(.dark) .an-pg-auth .auth-glows{display:none}
html:not(.dark) .an-pg-auth h1>span{background:none;color:var(--ay-accent)}
html:not(.dark) .an-pg-auth .an-pub-foot{background:var(--ay-surface-2) !important;border-color:var(--ay-border) !important}
html:not(.dark) .an-pg-auth .an-pub-foot h2{color:var(--ay-text) !important}
html:not(.dark) .an-pg-auth .an-pub-foot p{color:var(--ay-text-muted) !important}
html:not(.dark) .an-pg-auth .an-pub-foot a{background:var(--ay-surface) !important;border:1px solid var(--ay-border) !important;color:var(--ay-text) !important}

/* Light legibility of the shared public pages (landing, content, card, agent, factsheet):
   radiant warm champagne gold scale aligned with the luxury CRM look. */
html:not(.dark)[data-pub][data-accent="navygold"]{
  --ac-400:214 188 128;--ac-500:198 165 99;--ac-600:168 137 76;--ac-700:142 113 58;
  --ac2-400:214 188 128;--ac2-500:198 165 99;--ac2-600:168 137 76;--ac2-700:142 113 58;
  --nv-94a3b8:85 99 125;--nv-64748b:78 92 118;--nv-9ca3af:85 99 125;--nv-475569:61 74 99;
}
html:not(.dark)[data-pg="ld"]{--mut:var(--ay-text-muted)}
html:not(.dark)[data-pub] :is(.cv-btn.wa,.fs-btn.wa){background:var(--ay-ok);border-color:var(--ay-ok);color:var(--ay-surface)}

/* SweetAlert light modal beauty */
html:not(.dark) .swal2-popup{
  background:var(--ay-surface) !important;
  color:var(--ay-text) !important;
  border:1px solid var(--ay-border) !important;
  box-shadow:0 20px 50px rgba(16,29,53,.15) !important;
  width:min(25rem,calc(100vw - 32px)) !important;
  max-width:400px !important;
  box-sizing:border-box !important;
  margin:auto !important;
  border-radius:1.5rem !important;
}
html:not(.dark) .swal2-title{color:var(--ay-text) !important}
html:not(.dark) .swal2-html-container{color:var(--ay-text-muted) !important}

/* ==========================================================================
   Landing Page Light Look (شب آشیان در روز — پالت مروارید، شاهانه و لوکس)
   ========================================================================== */
html:not(.dark)[data-pg="ld"]{
  --bg:var(--ay-bg);
  --sf:var(--ay-surface);
  --sf2:var(--ay-surface-2);
  --ln:var(--ay-border);
  --ink:var(--ay-text);
  --ink2:var(--ay-text-muted);
  --mut:var(--ay-text-muted);
}
html:not(.dark)[data-pg="ld"] body{
  background-color:var(--ay-bg) !important;
  color:var(--ay-text) !important;
}
html:not(.dark)[data-pg="ld"] body::before{
  background:radial-gradient(40% 35% at 20% 10%,rgba(198,165,99,.10),transparent 70%),
             radial-gradient(35% 30% at 85% 25%,rgba(37,72,160,.06),transparent 70%) !important;
}

/* Header & Navigation */
html:not(.dark)[data-pg="ld"] .top{
  background:color-mix(in srgb,var(--ay-surface) 88%,transparent) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  border-bottom:1px solid var(--ay-border) !important;
}
html:not(.dark)[data-pg="ld"] .brand{color:var(--ay-text) !important}
html:not(.dark)[data-pg="ld"] .nav a{color:var(--ay-text-muted) !important;font-weight:700}
html:not(.dark)[data-pg="ld"] .nav a:hover{color:var(--ay-accent) !important;background:var(--ay-accent-soft) !important}
html:not(.dark)[data-pg="ld"] .ib.thm{
  background:var(--ay-surface) !important;
  border:1px solid var(--ay-border) !important;
  color:var(--ay-text) !important;
  box-shadow:var(--ay-shadow-sm) !important;
  transition:all var(--ay-tr-fast);
}
html:not(.dark)[data-pg="ld"] .ib.thm:hover{
  border-color:var(--ay-accent) !important;
  color:var(--ay-accent) !important;
  background:var(--ay-surface-2) !important;
  box-shadow:0 4px 14px rgba(198,165,99,.25) !important;
  transform:scale(1.05);
}
html:not(.dark)[data-pg="ld"] .ib.thm .moon{
  color:var(--ay-accent) !important;
}
html:not(.dark)[data-pg="ld"] .btn.login{
  background:var(--ay-surface) !important;
  border:1px solid var(--ay-border) !important;
  color:var(--ay-text) !important;
  font-weight:700;
  box-shadow:var(--ay-shadow-sm);
  transition:all var(--ay-tr-fast);
}
html:not(.dark)[data-pg="ld"] .btn.login:hover{
  background:var(--ay-surface-2) !important;
  border-color:var(--ay-border-strong) !important;
  transform:translateY(-1px);
}

/* Primary Button (.btn.p) - Royal Gold Metallic */
html:not(.dark)[data-pg="ld"] .btn.p{
  background:var(--ay-accent-fill) !important;
  border:1px solid var(--ay-accent-fill-hi) !important;
  color:var(--ay-on-accent) !important;
  font-weight:800 !important;
  box-shadow:0 4px 16px -2px rgba(198,165,99,.45),inset 0 1px 0 rgba(255,255,255,.6) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.3) !important;
  transition:transform var(--ay-tr-fast),box-shadow var(--ay-tr-fast);
}
html:not(.dark)[data-pg="ld"] .btn.p:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 8px 24px -2px rgba(198,165,99,.60),inset 0 1px 0 rgba(255,255,255,.7) !important;
}

/* Hero Headline & Slogan */
html:not(.dark)[data-pg="ld"] .hero h1{
  color:var(--ay-text) !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
  animation:none !important;
}
html:not(.dark)[data-pg="ld"] .hero h1.slogan{
  color:var(--ay-text) !important;
  background:none !important;
  -webkit-text-fill-color:var(--ay-text) !important;
  animation:none !important;
}
html:not(.dark)[data-pg="ld"] .hero h1.slogan::after{
  display:none !important;
}
html:not(.dark)[data-pg="ld"] .hero h1.slogan .hl{
  background:linear-gradient(135deg,var(--ay-accent) 0%,var(--ay-warn) 50%,var(--ay-accent) 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  display:inline-block;
  font-weight:900;
}
html:not(.dark)[data-pg="ld"] .hero-slogan{
  color:var(--ay-text) !important;
  -webkit-text-fill-color:var(--ay-text) !important;
  background:none !important;
  font-weight:800 !important;
  opacity:.95 !important;
}
html:not(.dark)[data-pg="ld"] .tribute{
  color:var(--ay-text-muted) !important;
  font-weight:600;
}
html:not(.dark)[data-pg="ld"] .gift{
  background:var(--ay-accent-soft) !important;
  border:1px solid rgba(198,165,99,.35) !important;
  color:var(--ay-accent) !important;
  font-weight:800;
  box-shadow:0 4px 14px rgba(198,165,99,.15) !important;
}

/* Entry Role Cards */
html:not(.dark)[data-pg="ld"] .role{
  background:var(--ay-surface) !important;
  border:1px solid var(--ay-border) !important;
  box-shadow:0 8px 24px -10px rgba(16,29,53,.08),0 2px 6px rgba(16,29,53,.04) !important;
  color:var(--ay-text) !important;
  transition:transform var(--ay-tr-fast),border-color var(--ay-tr-fast),box-shadow var(--ay-tr-fast);
}
html:not(.dark)[data-pg="ld"] .role:hover{
  border-color:var(--ay-accent) !important;
  transform:translateY(-3px) !important;
  box-shadow:0 16px 36px -12px rgba(198,165,99,.28) !important;
}
html:not(.dark)[data-pg="ld"] .role .ri{
  background:var(--ay-accent-soft) !important;
  color:var(--ay-accent) !important;
  border:1px solid rgba(198,165,99,.25) !important;
}
html:not(.dark)[data-pg="ld"] .role b{color:var(--ay-text) !important}
html:not(.dark)[data-pg="ld"] .role small{color:var(--ay-text-muted) !important}
html:not(.dark)[data-pg="ld"] .role.main{
  background:var(--ay-accent-fill) !important;
  border:1px solid var(--ay-accent-fill-hi) !important;
  color:var(--ay-on-accent) !important;
  box-shadow:0 12px 28px -8px rgba(198,165,99,.45),inset 0 1px 0 rgba(255,255,255,.6) !important;
}
html:not(.dark)[data-pg="ld"] .role.main:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 38px -8px rgba(198,165,99,.60) !important;
}
html:not(.dark)[data-pg="ld"] .role.main .ri{
  background:rgba(255,255,255,.45) !important;
  color:var(--ay-on-accent) !important;
  border-color:transparent !important;
}
html:not(.dark)[data-pg="ld"] .role.main b{color:var(--ay-on-accent) !important}
html:not(.dark)[data-pg="ld"] .role.main small{color:rgba(11,20,38,.82) !important}

/* Phone Demo Mockup */
html:not(.dark)[data-pg="ld"] .phone{
  background:linear-gradient(165deg,var(--ay-surface) 0%,var(--ay-surface-2) 100%) !important;
  border:1px solid rgba(198,165,99,.35) !important;
  box-shadow:0 25px 60px -20px rgba(16,29,53,.14),0 0 0 1px rgba(198,165,99,.15) !important;
}
html:not(.dark)[data-pg="ld"] .ph-top{color:var(--ay-text-muted) !important}
html:not(.dark)[data-pg="ld"] .rec{background:var(--ay-surface-2) !important;border:1px solid var(--ay-border) !important}
html:not(.dark)[data-pg="ld"] .mic{background:var(--ay-accent-fill) !important;color:var(--ay-on-accent) !important;box-shadow:0 4px 14px rgba(198,165,99,.4) !important}
html:not(.dark)[data-pg="ld"] .wave i{background:linear-gradient(180deg,var(--ay-accent-fill-hi),var(--ay-accent)) !important}
html:not(.dark)[data-pg="ld"] .file{background:var(--ay-surface) !important;border:1px solid var(--ay-border) !important;box-shadow:var(--ay-shadow-sm) !important}
html:not(.dark)[data-pg="ld"] .file .hd{border-bottom:1px solid var(--ay-border) !important;color:var(--ay-text) !important}
html:not(.dark)[data-pg="ld"] .file .hd em{background:var(--ay-accent-soft) !important;color:var(--ay-accent) !important;border:1px solid rgba(198,165,99,.3) !important}
html:not(.dark)[data-pg="ld"] .fields div{background:var(--ay-surface-2) !important}
html:not(.dark)[data-pg="ld"] .fields small{color:var(--ay-text-muted) !important}
html:not(.dark)[data-pg="ld"] .fields b{color:var(--ay-text) !important}
html:not(.dark)[data-pg="ld"] .match{color:var(--ay-text-muted) !important}

/* Section titles & cards: same surface / border / shadow language as the market, login and card pages (tokens only). */
html:not(.dark)[data-pg="ld"] .h2{color:var(--ay-text) !important}
html:not(.dark)[data-pg="ld"] .h2::before{background:linear-gradient(270deg,var(--ay-accent-fill-lo),var(--ay-accent) 45%,transparent) !important}
html:not(.dark)[data-pg="ld"] .sub{color:var(--ay-text-muted) !important}
html:not(.dark)[data-pg="ld"] :is(.tile:not(.big),.price .card,.ai,.val .card,.cmp-wrap,.faq details){
  background:var(--ay-surface) !important;
  border:1px solid var(--ay-border) !important;
  box-shadow:var(--ay-shadow-md) !important;
  color:var(--ay-text) !important;
  transition:transform var(--ay-tr-fast),border-color var(--ay-tr-fast),box-shadow var(--ay-tr-fast);
}
html:not(.dark)[data-pg="ld"] :is(.tile:not(.big),.price .card,.ai,.val .card,.cmp-wrap,.faq details):hover{
  border-color:var(--ay-accent) !important;
  box-shadow:var(--ay-shadow-lg) !important;
}
html:not(.dark)[data-pg="ld"] :is(.tile:not(.big) .i,.ai li .i){background:var(--ay-accent-soft) !important;color:var(--ay-accent) !important;border:1px solid var(--ay-border) !important}

/* Assistant chat, gold icon tiles, valuation result and segmented control: gold fill + on-accent text (no navy tiles on a light page). */
html:not(.dark)[data-pg="ld"] .chat .q{background:var(--ay-accent-soft) !important;color:var(--ay-text) !important;border:1px solid var(--ay-border) !important}
html:not(.dark)[data-pg="ld"] :is(.chat .hd span,.mic){background:var(--ay-accent-fill) !important;color:var(--ay-on-accent) !important}
html:not(.dark)[data-pg="ld"] .res:not(.empty){background:var(--ay-accent-fill) !important;color:var(--ay-on-accent) !important;border:1px solid var(--ay-accent-fill-hi) !important;box-shadow:var(--ay-shadow-lg) !important}
html:not(.dark)[data-pg="ld"] .res:not(.empty) .row{border-color:var(--ay-on-accent) !important}
html:not(.dark)[data-pg="ld"] .res.empty{background:var(--ay-surface-2) !important;border:1px dashed var(--ay-border-strong) !important;color:var(--ay-text-muted) !important}
html:not(.dark)[data-pg="ld"] .res.empty .big{color:var(--ay-text) !important}
html:not(.dark)[data-pg="ld"] .seg button.on{background:var(--ay-accent-fill) !important;color:var(--ay-on-accent) !important}
html:not(.dark)[data-pg="ld"] .end p{color:var(--ay-text-muted) !important;opacity:1 !important}
html:not(.dark)[data-pg="ld"] .end .gift{background:var(--ay-surface) !important;color:var(--ay-accent) !important;border:1px solid var(--ay-border-strong) !important}

/* Visitor support uses components/support-widget.css and shared --ay-* tokens. */
