/* ============================================================
   ТОТАЛ СТРОЙ — светла тема "пясък и бронз"
   Зарежда се ПОСЛЕДЕН, след style.css / home.css / building.css.
   Само токени и точкови корекции — не пипа структурата.
   ============================================================ */

/* ---------- 1. Токени ---------- */
:root{
  --bg:#f2ece2;          /* топъл пясък */
  --bg-2:#e6ded0;        /* по-плътен пясък */
  --surface:#faf7f1;
  --surface-2:#ece5d8;
  --surface-3:#ddd3c2;

  --line:rgba(38,32,24,.13);
  --line-2:rgba(38,32,24,.26);

  --text:#1c1915;        /* почти черно, топло */
  --text-2:#5d564c;
  --text-3:#8b8377;

  --gold:#7d5a2d;         /* бронз — 5.3:1 върху фона */
  --gold-2:#634622;
  --gold-dim:rgba(125,90,45,.12);

  --ink:#14120f;         /* тъмната страна: хиро, лайтбокс */
}

::selection{background:var(--gold);color:#fff}
.skip{background:var(--gold);color:#fff}

/* ---------- 2. Типография — по-мека, без версалки ---------- */
h1,h2,h3,h4{font-family:"Inter",system-ui,sans-serif}
.h2{
  text-transform:none;letter-spacing:-.022em;font-weight:600;
  line-height:1.05;color:var(--text);
}
p{color:var(--text-2)}
.eyebrow{letter-spacing:.28em}

/* ---------- 3. Хедър ---------- */
/* над хирото хедърът е прозрачен върху тъмна снимка — държим го светъл */
.hdr:not(.solid) .mark b{color:#fff}
.hdr:not(.solid) .mark span{color:rgba(255,255,255,.62)}
.hdr:not(.solid) .nav a{color:rgba(255,255,255,.8)}
.hdr:not(.solid) .nav a[aria-current="true"]{color:#fff}
.hdr:not(.solid) .burger i{background:#fff}
.hdr:not(.solid) .back-home{color:rgba(255,255,255,.72);border-right-color:rgba(255,255,255,.2)}
@media (hover:hover){
  .hdr:not(.solid) .nav a:hover{color:#fff}
  .hdr:not(.solid) .back-home:hover{color:#fff}
}

.hdr.solid{
  background:rgba(242,236,226,.92);
  border-bottom-color:var(--line);
}
.mark b{color:var(--text)}

/* ---------- 4. Мобилно меню ---------- */
.drawer{background:rgba(242,236,226,.98)}
.drawer a{color:var(--text-2)}
.drawer-foot a{color:var(--text)}

/* ---------- 5. Хиро ---------- */
.hero::before{
  background:
    linear-gradient(to top,rgba(20,18,15,.9) 0%,rgba(20,18,15,.58) 30%,rgba(20,18,15,.12) 60%,rgba(20,18,15,.34) 100%),
    linear-gradient(100deg,rgba(20,18,15,.72) 0%,rgba(20,18,15,.28) 45%,transparent 74%);
}
.hero h1{
  text-transform:none;letter-spacing:-.028em;line-height:1;
  font-weight:600;
}
.hero h1 b{font-weight:600;letter-spacing:-.02em}
.hero h1 .thin{font-weight:400;color:rgba(255,255,255,.86)}
.hero .lead{color:rgba(255,255,255,.84)}
.hero .eyebrow{color:#e6cfa8}
.hero .eyebrow::after{background:linear-gradient(90deg,#e6cfa8,transparent)}

/* бутоните в хирото стоят върху снимка */
.hero .btn.ghost{--bc:rgba(255,255,255,.42);color:#fff}
@media (hover:hover){
  .hero .btn.ghost:hover{--bc:#fff;color:var(--ink)}
  .hero .btn.ghost:hover::before{background:#fff}
}
.btn.solid{color:#fff}
@media (hover:hover){
  .btn:hover{color:#fff}
  .btn.ghost:hover{color:#fff}
  .btn.solid:hover{color:#fff}
}
.scroll-cue{color:rgba(255,255,255,.7)}

/* ---------- 6. Числа ---------- */
.stats{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.stat b{color:var(--text)}

/* ---------- 7. Карти и секции ---------- */
.card{box-shadow:0 1px 2px rgba(38,32,24,.04)}
.card h3{color:var(--text);text-transform:none;letter-spacing:-.012em;font-weight:600}
@media (hover:hover){
  .card:hover{box-shadow:0 10px 30px rgba(38,32,24,.07)}
}
.spec{background:var(--surface)}
.sec.tint{background:var(--bg-2)}

/* ---------- 8. Етажи ---------- */
.stack{background:var(--surface)}
.lvl i,.lvl em{color:var(--text-3)}
.lvl[aria-selected="true"]{background:var(--surface-3);color:var(--text)}
.lvl.under{background:var(--surface-2)}
.plan-zoom{background:rgba(20,18,15,.72);border-color:transparent;color:#fff}
.plan-meta b{color:var(--text)}

/* ---------- 9. Галерии ---------- */
.tile figcaption{background:linear-gradient(transparent,rgba(20,18,15,.82))}

/* ---------- 10. Контакт и футър ---------- */
.cline b{color:var(--text)}
.credits{background:var(--surface)}
.ftr{background:var(--bg-2)}
.ftr-in{color:var(--text-3)}

/* ---------- 11. Проектни карти (начална страница) ---------- */
.proj{box-shadow:0 1px 2px rgba(38,32,24,.04)}
@media (hover:hover){
  a.proj:hover{box-shadow:0 14px 36px rgba(38,32,24,.10)}
}
.proj-name{color:var(--text);text-transform:none;letter-spacing:-.02em}
.proj-media::after{background:linear-gradient(transparent,rgba(20,18,15,.28))}
.proj-cta{color:var(--gold)}
@media (hover:hover){ a.proj-cta:hover{color:var(--gold-2)} }
.proj.soon{background:var(--surface-2)}

/* ---------- 12. Лайтбоксът остава тъмен ---------- */
.lb .ibtn,.lb .lb-nav{color:#fff;border-color:rgba(255,255,255,.16)}
.lb .lb-cap{color:rgba(255,255,255,.8)}