/* =========================================================
   VOLTA METHOD — theme-dark.css
   Dark theme override layer for the rebuilt site
   Load after styles.css
========================================================= */

:root{
  /* Two-tone dark palette */
  --bg: #2f2e2a;
  --bg-alt: #393834;
  --bg-soft: #2f2e2a;

  /* Text */
  --text: #d9d7d4;
  --muted: #d9d7d4;

  /* Borders / surfaces */
  --line: rgba(217,215,212,.30);
  --line-strong: rgba(217,215,212,.42);
  --shadow: 0 18px 45px rgba(0,0,0,.38);

  /* Reuse existing base variables with dark-palette values */
  --accent: #2f2e2a;
  --accent-hover: #393834;
}

/* =========================================================
   GLOBAL
========================================================= */

body{
  background: var(--bg);
  color: var(--text);
}

h1,
h2,
h3,
h4,
h5,
h6{
  color: #fafafa;
}

/* =========================================================
   HEADER / NAVIGATION
========================================================= */

.header{
  background: rgba(47,46,42,.60);
  border-bottom: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.nav__link,
.nav__lang,
.nav__lang-item,
.nav__lang-sep{
  color: var(--text);
}

.nav__link:hover,
.nav__link.is-active{
  color: #fafafa;
  background: rgba(250,250,250,.08);
}

.nav__lang-item.is-active{
  color: #fafafa;
}

.nav__toggle{
  background: transparent;
  color: var(--text);
  border-color: var(--line);
}

/* =========================================================
   SECTIONS
========================================================= */

.dimensions,
.real-change,
.who-we-are{
  background: var(--bg);
}

.method,
.approach,
.contact-section{
  background: var(--bg-alt);
}

/* =========================================================
   FORM / CONTACT
========================================================= */

.form{
  background: var(--bg);
  border-color: rgba(217,215,212,.42);
  box-shadow: var(--shadow);
}

.field input,
.field textarea,
.field select{
  background: var(--bg-alt);
  color: var(--text);
  border-color: rgba(217,215,212,.30);
}

.field input:focus,
.field textarea:focus,
.field select:focus{
  border-color: var(--text);
}

.field textarea::placeholder{
  color: var(--text);
  opacity: 1;
}

.info-row,
.info-row__value,
.form__hint,
.form__status{
  color: var(--text);
}

.form__status.is-success{
  color: #b8d8bf;
}

.form__status.is-error{
  color: #e2b0b0;
}

/* Contact form button: same light-to-dark interaction as base */
.form .btn--primary{
  background: #fafafa;
  color: var(--bg);
  border-color: #fafafa;
}

.form .btn--primary:hover{
  background: var(--bg);
  color: #fafafa;
  border-color: #fafafa;
}

/* =========================================================
   FOOTER
========================================================= */

.footer{
  background: var(--bg);
  border-top-color: var(--line);
}

.footer__inner,
.footer__links a{
  color: var(--text);
}

.footer__links a:hover{
  color: #fafafa;
}

/* =========================================================
   MOBILE NAV
========================================================= */

@media (max-width: 640px){
  .nav__menu{
    background: rgba(47,46,42,.98);
    border-color: var(--line);
  }
}