/* ══════════════════════════════════════════════════════════════
   MARCHELLA — LJUS (secondary)
   Laddas efter style.css. Hero förblir mörk.
   ══════════════════════════════════════════════════════════════ */

:root{
  --ink:      #f5f1e9;
  --ink-2:    #ebe4d8;
  --ink-3:    #e0d7c8;
  --ink-4:    #d4c9b6;

  --gold:     #6a5124;
  --gold-lo:  #8a6f38;
  --gold-hi:  #a88842;

  --hairline:      rgba(106,81,36,.28);
  --hairline-ag:   rgba(106,81,36,.2);
  --hairline-soft: rgba(23,20,15,.12);

  --text:  #16130f;
  --muted: #5a5347;
  --dim:   #837868;
}

body::before{ opacity:.018; mix-blend-mode:multiply; }
::selection{ background:var(--gold-hi); color:#fff; }

.nav.is-stuck{
  background:rgba(245,241,233,.88);
  backdrop-filter:blur(20px) saturate(1.1);
  -webkit-backdrop-filter:blur(20px) saturate(1.1);
}
.nav__drawer{ background:rgba(245,241,233,.98); }
.nav__drawer a{ color:var(--text); border-bottom-color:var(--hairline-soft); }
.nav__drawer a:hover{ color:var(--gold); }

.btn--gold{ border-color:var(--gold-lo); color:var(--gold); }
.btn--gold:hover{
  background:var(--gold); color:#fff; border-color:var(--gold);
  box-shadow:0 16px 40px -18px rgba(106,81,36,.4);
}
.btn--line{ border-color:rgba(22,19,15,.2); }
.btn--line:hover{ border-color:var(--text); background:rgba(22,19,15,.03); }
.btn--ghost{ border-color:var(--gold-lo); color:var(--gold); }
.btn--ghost:hover{ background:var(--gold); color:#fff; }

.trust{ background:var(--ink-2); }
.trust__inner span{ color:var(--gold); }
.trust__inner p{ color:var(--muted); }

/* Fabric-first i ljus: varm editorial, mindre skugga */
.fabric__kicker{ color:var(--gold); }
.fabric__copy p{ color:var(--muted); }
.fabric__cell figcaption{ color:var(--dim); }
.fabric__cell .shot{
  border-color:rgba(22,19,15,.1);
  box-shadow:0 20px 48px -30px rgba(22,19,15,.35);
}
.fabric__cell .shot::after{
  background:linear-gradient(180deg, transparent 62%, rgba(22,19,15,.1) 100%);
}

.sec--band{ background:var(--ink-2); }
.moment__line{ color:var(--gold); }
.moment__veil{
  background:
    linear-gradient(180deg, rgba(245,241,233,.25) 0%, rgba(22,19,15,.45) 55%, rgba(22,19,15,.72) 100%),
    radial-gradient(50% 40% at 50% 50%, rgba(106,81,36,.12), transparent 70%);
}

.shot{
  border:1px solid rgba(22,19,15,.1);
  box-shadow:0 18px 44px -28px rgba(22,19,15,.4);
}
.shot::after{
  background:linear-gradient(180deg, transparent 55%, rgba(22,19,15,.12) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}

.cat--hero .cat__body{
  background:linear-gradient(0deg, rgba(22,19,15,.82) 0%, transparent 100%);
}
.cat--hero .cat__body h3{ color:#f4f0e8; }
.cat--hero .cat__body p{ color:rgba(244,240,232,.78); }

.steps li{
  background:
    linear-gradient(165deg, rgba(106,81,36,.05), transparent 50%),
    #fff;
  border-color:rgba(22,19,15,.1);
}
.steps__n{ color:var(--gold-lo); }

.form{
  background:rgba(255,252,247,.85);
  border-color:rgba(106,81,36,.22);
  box-shadow:0 22px 50px -36px rgba(22,19,15,.3);
}
.field select option{ background:#fff; color:var(--text); }

.vswitch,
.theme-switch{
  background:rgba(245,241,233,.94);
  border-color:rgba(106,81,36,.28);
  color:var(--dim);
}
.nav.is-stuck .theme-switch{
  background:rgba(245,241,233,.9);
}
.vswitch__opt.is-on,
.theme-switch__opt.is-on{
  color:#fff;
  background:var(--gold);
  box-shadow:0 6px 18px -10px rgba(106,81,36,.55);
}

.price{ color:var(--gold); }
.foot{ background:var(--ink-2); }
.foot__cols h4{ color:var(--gold); }
.contact__facts a{ color:var(--gold); }
.atelier__quote{ color:var(--gold); }
.form__ok{ color:var(--gold); }
.form__err{
  color:#9a4035;
  border-color:rgba(154,64,53,.35);
}
.pd__points li{ color:var(--muted); }
.nav__links a.is-current{ border-bottom-color:var(--gold); }