/* ══════════════════════════════════════════════════════════════
   BOUTIQUE MARCHELLA — LJUS VARIANT
   Laddas EFTER style.css och skriver bara över det som måste ändras.
   Strukturen finns kvar på ett enda ställe.

   Inte en färgvändning. Tre saker kräver egna beslut:
   1. Guld tappar kontrast på ivory → två guldtoner, en för text, en för dekor
   2. Seglets mix-blend-mode:screen blir OSYNLIGT på ljust → måste bort
   3. Bilderna slutar "lysa" → de behöver ram och luft i stället
   ══════════════════════════════════════════════════════════════ */

:root{
  /* Ytor — varm ivory, aldrig rent vitt */
  --ink:      #f7f3ec;
  --ink-2:    #efe9df;
  --ink-3:    #e6dfd2;

  /* Guld: ljus botten kräver mörkare guld för att bli läsbar.
     --gold används på små texter (kontrast ~5:1),
     --gold-hi är dekorativ och bara till stora ytor/linjer. */
  --gold:     #7a5f2c;
  --gold-lo:  #9d7f42;
  --gold-hi:  #b8964f;

  --hairline:      rgba(122,95,44,.30);
  --hairline-soft: rgba(26,23,18,.13);

  /* Text — varm nästan-svart, aldrig #000 */
  --text:  #1a1712;
  --muted: #635b4d;
  --dim:   #8a8172;
}

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

/* ── HERO ─────────────────────────────────────────────────────
   Seglet: screen dödar allt på ljus botten. Utan blend-läge blir
   loggans mörka platta i stället ett vaxsigill — vilket klär den. */
/* ── HERO: INGEN LJUS VARIANT (2026-08-04) ────────────────────
   Hero:n är numera en mörk scen i BÅDA temana. Kubens kantglöd kräver
   mörker för att synas, precis som seglets mix-blend-mode:screen en gång
   krävde det. style.css deklarerar om färgvariablerna på .hero självt, så
   nattversionen ärvs ned oavsett tema. Lägg inga hero-regler här: de
   skulle lysa upp scenen igen och släcka glödet. */

/* Produktsida */
.pd__back:hover{ color:var(--gold); }
.pd__kat{ color:var(--gold); }
.pd__pris{ color:var(--muted); }

/* ── NAV ──────────────────────────────────────────────────── */
.nav.is-stuck{ background:rgba(247,243,236,.9); }
.wordmark__m{ color:var(--gold-lo); }

/* ── KNAPPAR ──────────────────────────────────────────────── */
.btn--gold{ border-color:var(--gold-lo); color:var(--gold); }
.btn--gold:hover{ background:var(--gold); color:#fff; border-color:var(--gold); }
.btn--line{ border-color:rgba(26,23,18,.22); }
.btn--line:hover{ border-color:var(--text); }
.btn--ghost{ border-color:var(--gold-lo); color:var(--gold); }
.btn--ghost:hover{ background:var(--gold); color:#fff; }

.eyebrow::before{ opacity:.85; }
.scrollhint span{ background:var(--gold-lo); }
.strip__n{ color:var(--gold-lo); }
.steps__n{ color:var(--gold-lo); }
.price{ color:var(--gold); }
.foot__cols h4{ color:var(--gold); }
.foot__draft{ color:var(--gold); }
.form__ok{ color:var(--gold); }

/* ── BILDER ───────────────────────────────────────────────────
   På svart lyste de av sig själva. På ivory försvinner kanterna
   in i sidan — de behöver en egen ram och lite djup. */
.shot{
  border-color:rgba(26,23,18,.12);
  background:var(--ink-3);
  box-shadow:0 14px 34px -22px rgba(26,23,18,.55);
}
.cat:hover .shot,
.card:hover .shot,
.reel:hover .shot{ border-color:var(--gold-lo); }

.ph{
  background:
    repeating-linear-gradient(-45deg,
      rgba(122,95,44,.055) 0 1px,
      transparent 1px 13px),
    linear-gradient(160deg, var(--ink-3), var(--ink-2));
}
.ph::after{ background:rgba(247,243,236,.75); color:var(--gold); }

/* ── FORMULÄR ─────────────────────────────────────────────── */
.field input,.field select,.field textarea{ color:var(--text); }
.field select option{ background:#fff; color:var(--text); }
.contact__facts a{ color:var(--gold); }

/* ── TEMA-TOGGLE i ljust läge: ljus platta, mörk text ─────── */
.vswitch{
  background:rgba(247,243,236,.92);
  border-color:rgba(122,95,44,.3);
  color:var(--dim);
}
.vswitch:hover{ border-color:rgba(122,95,44,.5); }
.vswitch__sep{ background:rgba(26,23,18,.18); }
.vswitch__opt.is-on{ color:var(--gold); }                        /* mörk-val i ljust läge */
.vswitch__opt[data-th="light"].is-on{ color:var(--silver-lo); } /* ljus-val aktiv = silver */