/* =====================================================================
   Varianta D · ONYX — onyxová čerň a mosaz
   Linky: výraznější (silná + vlasová), větší rozestup dvojlinek.
   Hover: rámeček se odsadí kolem karty · Animace: pomalejší, filmová.
   ===================================================================== */
:root{
  --bg:#0B0C10; --bg-2:#111318; --bg-3:#191C23; --deep:#060709; --d-bg:#0B0C10; --d-bg-2:#111318;
  --g1:#A8814A; --g2:#DBBC82; --gold:#BD9658;
  --gg:linear-gradient(100deg,#9A7440 0%,#E0C38C 45%,#B28C52 75%,#9A7440 100%);
  --ink:#EFE7D8; --muted:rgba(239,231,216,.7); --faint:rgba(239,231,216,.46); --d-ink:#EFE7D8; --d-muted:rgba(239,231,216,.7);
  --line:rgba(219,188,130,.3); --line-2:rgba(219,188,130,.13); --line-s:rgba(219,188,130,.62);
  --card:rgba(219,188,130,.05); --card-2:rgba(219,188,130,.1);
  --lw-2:3px; --dl-gap:6px; --rv-y:44px; --rv-dur:1.5s;
}
html[data-v="d"] .dl{border-top-width:2px}
html[data-v="d"] .hdr .dl{border-top-color:rgba(219,188,130,.42)}
html[data-v="d"] .eyebrow::before,html[data-v="d"] .eyebrow::after{border-top-width:2px}
html[data-v="d"] .nav a:not(.nav-inv)::after{top:-8px;bottom:auto;height:2px}
html[data-v="d"] .medal,html[data-v="d"] .krok,html[data-v="d"] .xl{outline:1px solid transparent;outline-offset:4px;transition:outline-color .5s var(--ease),outline-offset .5s var(--ease),transform .6s var(--ease),border-color .4s,background .4s}
html[data-v="d"] .medal:hover,html[data-v="d"] .krok:hover,html[data-v="d"] .xl:hover{outline-color:var(--line);outline-offset:10px}
html[data-v="d"] .shot img,html[data-v="d"] .phero-media img{filter:saturate(.7) contrast(1.1)}