/* ==========================================================================
   VOUBE — monokróm felülíró réteg (v11 és v12 használja)
   A Bone & Acid rendszer az EREDETI (index.html) palettán, sárga nélkül:
   az akcent szerepét a monokróm inverz veszi át — a highlighter sötét sáv
   világos szöveggel, az aktív sor tónusváltás.
   A v9.css (és v10-nél a v10.css) UTÁN töltődik, csak színeket ír felül.
   ========================================================================== */

:root {
  /* az index.html meleg-semleges palettája */
  --bone:   #F3F2F0;
  --ink:    #14130F;
  --black:  #12110E;
  --lift:   #1C1A16;
  --olive:  #26241E;                 /* aktív sor sötét szekción */
  --mut-d:  #97958E;
  --mut-l:  #6B6963;
  --hair-d: rgba(245,244,242,.14);
  --hair-l: rgba(20,19,15,.14);

  /* a "sav" mostantól tinta — minden pont, jelvény, gomb ebből él */
  --acid:   #14130F;
}

/* --- KIJELÖLÉS: a sárga öröksége itt olvashatatlan lenne ------------------- */
::selection { background: var(--ink); color: var(--bone); }

/* --- PONTOK: világoson tinta, sötéten papír ------------------------------- */
.on-black .acc__dot,
.m-hero__index .idx { background: transparent; }
.acc__dot, .opp h3::before, .team__claim h3::before,
.show__btn::before, .sec__eyebrow::before { background: var(--ink); }
.on-black .acc__dot,
.on-black .show__btn::before { background: var(--bone); }

/* --- HIGHLIGHTER: monokróm inverz ------------------------------------------ */
.q-card mark { background: var(--ink); color: var(--bone); }
.q-card--dark mark { background: var(--bone); color: var(--ink); }

/* --- AKTÍV SOROK ------------------------------------------------------------ */
.on-bone .acc__btn:hover,
.on-bone .acc__item.is-open .acc__btn { background: var(--ink); color: var(--bone); }
.on-bone .acc__btn:hover .acc__meta,
.on-bone .acc__item.is-open .acc__meta { color: rgba(243,242,240,.6); }
.on-bone .acc__btn:hover .acc__dot,
.on-bone .acc__item.is-open .acc__dot { background: var(--bone); }
.on-black .acc__btn:hover,
.on-black .acc__item.is-open .acc__btn { background: var(--olive); }
.show__list li.is-active .show__btn { background: var(--olive); }

/* --- GOMBOK ------------------------------------------------------------------ */
.m-hero__down { background: var(--bone); color: var(--black); }
.m-btn--acid { background: var(--bone); color: var(--black); border-color: var(--bone); }
.m-btn--acid:hover, .m-btn--acid:focus-visible {
  background: transparent; color: var(--bone); border-color: var(--bone);
}

/* --- JELVÉNY, EGYEBEK -------------------------------------------------------- */
.badge { background: var(--ink); color: var(--bone); }
.team__photo {
  background:
    repeating-linear-gradient(45deg, rgba(20,19,15,.04) 0 10px, transparent 10px 20px),
    #E8E6E1;
}