/* Studio UI: graphite and soft white. Client artwork keeps its own palette. */
:root{
  --floor:#171716;--bone:#f4f2ed;--dim:#b5b4af;--ink:#555550;
  --panel:#222221;--well:#111110;--rule:#d6d5ce;
  --set:#f4f2ed;--set-ink:#3e3e3a;--on-set:#171716;
  --signal:#f4f2ed;--on-signal:#171716;--zone:#b5b4af;
  --hyb-plocha:#c6c6c1;--hyb-pismo:#171716;--hyb-lem:#171716;
}
.light{--dim:#62625d;--set:#171716;--on-set:#f4f2ed}
#ai-projekty{background:var(--floor)}
header.stuck,.page-header.stuck{background:rgba(23,23,22,.88);backdrop-filter:blur(16px)}
.page-header,.page-menu{background:#171716;color:#f4f2ed}
.topnav a.nv,.page-desktop>a{color:#c6c6c1}
.topnav a.nv:hover,.topnav a.nv[aria-current="true"],
.page-desktop>a:hover,.page-desktop>a[aria-current=page],
.page-menu a[aria-current=page]{color:#f4f2ed}
.topnav a.nv[aria-current="true"],.page-desktop>a[aria-current=page],
.menu nav a[aria-current="true"],.page-menu a[aria-current=page]{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;
}
header.on-light .topnav a.nv{color:#555550}
header.on-light .topnav a.nv:hover,header.on-light .topnav a.nv[aria-current="true"]{color:#171716}
.btn:hover,.btn:focus-visible{box-shadow:0 12px 28px -12px #0008}
.btn.ghost:hover{box-shadow:none}
#vizualy .badge.hyb{background:var(--hyb-plocha);color:var(--hyb-pismo)}
.dark .head p,.social-heading p{color:var(--dim)}
.light :focus-visible{outline-color:#3e3e3a}
.social-project-toggle:focus-visible,.social-project-link:focus-visible{outline-color:#f4f2ed}
#znacka .brand-object:focus-visible{box-shadow:0 0 0 2px #f4f2ed}
#znacka .brand-tag{background:#222221c9;color:#f4f2ed}
.tim-pata a{text-decoration-color:#999994}